By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
424,949 Members | 950 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 424,949 IT Pros & Developers. It's quick & easy.

delete some checkbox files while click the remove button

P: 1
Hello Everyone,

I am facing problem with knockout bindings. I am new to knockout. So please help me. I am dynamically binding foldernames along with files to accordion. here files are showing in image tag with checkbox also.

How to remove selected files by checkbox on single button click.
here i am posting my code. checkout & help me


Expand|Select|Wrap|Line Numbers
  1. <div class="accordion-style1 panel-group" id="accordion" data-bind="foreach:$root.ExtractedMultipleAttachementlist">  <div class="panel panel-default panel-default-custom" style="clear: both"> <div class="panel-heading" style="border: solid 0px #000"> <h3 class="panel-title"> <a data-bind="attr: { href: '#div' + $data.ID }" data-parent="#accordion" data-toggle="collapse" class="accordion-toggle collapsed  panel-title-custom"> <i data-icon-show="icon-user" data-icon-hide="icon-book" class="icon-folder-close  blue bigger 150"></i>
  2.                                 *<span data-bind="text:$data.FilePath"></span> <span class="float:right"><i class ="icon-trash bigger-120 black" data-bind="click:$root.DeleteFiles,clickBubble: false" ></i></span> </a> </h3> </div> <div class="panel-collapse collapse" style="clear: both" data-bind="foreach: $data.attachmentLst,attr: { id: 'div' + $data.ID }">
  3.                         @*<div class="panel-body panel-body-custom no-padding-left">      *@
  4.  
  5.                         <div class="col-xs-4"> <input id="chkDefault" name="chkDefault" type="checkbox" data-bind='event: { change:$root.getSelectedAttachments }' /> <img data-bind="attr: { 'src': $data.ImageThumbnailData }" width="50px" height="50px" /> </div>
  6.  
  7.                         @* </div>*@
  8.                     </div> </div>  <div style="height: 5px"> </div> </div>
Thanks in Advance
Satish Chandragiri
Jan 27 '15 #1
Share this question for a faster answer!
Share on Google+

Post your reply

Sign in to post your reply or Sign up for a free account.