jeudi 20 août 2015

Access Property of a List Item Model from Javascript

I am using Javascript to edit the property of a row in a List of items and i am following a HTML view like this

ON edit button click i am showing a popup and on Save event of popup i want to set the properties of a selected row .

From html console i can see naming pattern is like name=[1].IsVerified [2].isVerified etc or in general [counter].Property But when i try to access element using JQUery i am not getting the element

    @model  IList<RoyaltyDb.Models.VerifyLicensorModel> 
    <table class="table">
        <tr>
            <th>
              Licensor
            </th>
            <th>
             Address
            </th>
            <th>
                Status
            </th>
            <th>
                Verify
            </th>
        </tr>
      @for (int i = 0; i < Model.Count(); i++) 
      {
            <tr>
                <td>         
                    @Html.HiddenFor(m => m[i].Licensor)                                                    
                    @Html.DisplayFor(m => m[i].Licensor)                                
                </td>
                <td>
                    @Html.TextAreaFor(m => m[i].Address)
                </td>
                <td>                              
                    @Html.LabelFor(m => m[i].IsVerified)                         
                    @Html.CheckBoxFor(m => m[i].IsVerified, new { @disabled = "disabled" })
                    <br />                  
                    @Html.HiddenFor(m => m[i].ActionId)
                    @Html.HiddenFor(m => m[i].ReferenceId)                                
                </td>
                <td>
                    <a onclick="SetProperties('@Model[i].Licensor')" class="btn">Verify</a>
                </td>
            </tr>
        }
    </table>


    <!-- Modal HTML -->
    <div id="VerifyLicensorModal" class="modal fade">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                    <h4 class="modal-title">Verify  Licensor</h4>
                    <input type="hidden" id="targetPopup" />
                </div>
                <div class="modal-body" id="VerifyLicensorDetails">

                </div>
                <div class="modal-footer">
                    <a class="btn btn-primary" onclick="confirmLicensor()">Confirm</a>
                    <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                </div>
            </div><!-- /.modal-content -->
        </div><!-- /.modal-dialog -->
    </div>
    function SetProperties(name)
    {
        //Showing a POPUp Here on element  VerifyLicensorModal
    }
    function confirmLicensor()
    {
       //Set the corresponding IsVerified checkbox to true
      //Set values of ActionId and ReferenceId params in the hidden fields 
      //ActionId  ReferenceId
    }

So how can i set the value of a property field from javascript

Aucun commentaire:

Enregistrer un commentaire