databinding control id and href in accordion code...

[Balvvant Singh Bist]

Hi All,

I am displaying data into a accordion control from database. Inside for each loop I need to put the body href in the header div as shown below. All the header and body combinations should be unique so that accordion control works in perfect way. But I am not sure how i can replace the

href="#userFaqAnswer1"

and 

id="userFaqAnswer1"

values with a value from my datalist instead of hard coded value.

<div class="panel-group" id="accordion" data-bind="foreach: userFaqData">

                                <div class="panel panel-default">

                                    <div class="panel-heading" data-bind="visible: isHeader">

                                        <h4 class="panel-title">

                                            <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion" href="#userFaqAnswer1" data-bind="html: resourceValue"></a>

                                        </h4>

                                    </div>

                                    <div data-id="" id="userFaqAnswer1" class="panel-collapse collapse in" data-bind="visible: !isHeader">

                                        <div class="panel-body" data-bind="html: resourceValue">

                                        </div>

                                    </div>

                                </div>

                            </div>

[Bart Breen]

Use the attr binding: http://knockoutjs.com/documentation/attr-binding.html

sample:

 <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion" data-bind="html: resourceValue, attr:{href:resourceFaqLocation}"></a>

[Balvvant Singh Bist]

Hi Bart,

Thank you for the reply. My query is resolved and the solution worked for me. thanks a ton.

--Balvvant.