EasyUI Forum
May 14, 2024, 01:05:23 PM *
Welcome, Guest. Please login or register.

Login with username, password and session length
News:
 
   Home   Help Search Login Register  
Pages: [1]
  Print  
Author Topic: append onclick nothing happens  (Read 8399 times)
catpaw
Jr. Member
**
Posts: 85


View Profile Email
« on: April 29, 2015, 07:14:27 PM »

hello everybody

In a dialog I have a button , which in the onclick event, I 'm trying to create a searchbox and linkbutton:

Code:
<div id="dlg" class="easyui-dialog">
   <a href="#" id="new" class="easyui-linkbutton" data-options="iconCls:'icon-add'">Add</a>
   <div id="wrapper"></div>
</div>

so in the jquery code:

Code:
$(document).ready(function() {		
    var max_fields = 3;
    var wrapper = $("#wrapper");
    var add_button = $("#new");
   
    var x = 0;
    $(add_button).click(function(e){
        e.preventDefault();
        if(x < max_fields){
            x++;
            $(wrapper).append('<div><input class="easyui-searchbox" data-options="prompt:'Search',searcher:doSearch" name="mytext[]" /><a href="#" class="easyui-linkbutton remove_field" data-options="iconCls:'icon-cancel'"></a></div>');
        }
    });
   
    $(wrapper).on("click",".remove_field", function(e){ //user click on remove text
        e.preventDefault(); $(this).parent('div').remove(); x--;
    })
});

but when I click nothing happens

why?
Logged
stworthy
Administrator
Hero Member
*****
Posts: 3581


View Profile Email
« Reply #1 on: April 29, 2015, 11:18:08 PM »

Please use the code below instead.
Code:
$(document).ready(function() {    
      var max_fields  = 3;
      var wrapper = $("#wrapper");
      var add_button  = $("#new");
   
      var x = 0;
      $(add_button).click(function(e){
          e.preventDefault();
          if(x < max_fields){
              x++;
              var div = $('<div class="mc-inner"></div>').appendTo(wrapper);
              var input = $('<input>').appendTo(div).searchbox({
                prompt:'Search',
                name:'mytext[]',
                searcher: function(){}
              });
              var btn = $('<a href="#"></a>').appendTo(div).linkbutton({
                iconCls:'icon-cancel',
                onClick:function(){
                  $(this).closest('.mc-inner').remove();
                  x--;
                }
              });
          }
      });
});
Logged
catpaw
Jr. Member
**
Posts: 85


View Profile Email
« Reply #2 on: April 30, 2015, 06:45:45 AM »

awesome stworthy!!!

Works perfect

Im very thankful
Logged
Pages: [1]
  Print  
 
Jump to:  

Powered by MySQL Powered by PHP Powered by SMF 1.1.18 | SMF © 2013, Simple Machines Valid XHTML 1.0! Valid CSS!