EasyUI Forum

General Category => EasyUI for jQuery => Topic started by: jega on June 26, 2017, 05:48:20 AM



Title: [SOLVED] Append textbox
Post by: jega on June 26, 2017, 05:48:20 AM
Hi.

Have a strange problem

Code

$.each(data, function(index, element) {
   var inputTag = '<input id="roleID_'+element.ID+'" class="easyui-textbox" style="width:200px" >';
   $('#addOff').append(inputTag+'<br>');
   $('#roleID_'+element.ID).textbox({})
});

This works fine creating textboxes

When i change

$('#roleID_'+element.ID).textbox({})

to

$('#roleID_'+element.ID).textbox({'setText':element.personName});

to set the personname in the textbox, it dosen't work

As a test:

The entire code i use is (The code inside the icon-add handler is just to test that i can do a setText)

When i push the add button, the personName shows correct in the textbox

$('#roleID_'+element.ID).textbox({
   'setText':element.personName,
   'label':element.altRoleType,
   'labelPosition':'top',
   'iconWidth': 22,
   'icons': [{
      iconCls:'icon-add',
         handler: function(e){
                                $(e.data.target).textbox('setText',element.personName))
         }
      },{
      iconCls:'icon-remove',
         handler: function(e){
            $(e.data.target).textbox('clear');
         }
   }]
});

What is wrong ??



Title: Re: Append textbox
Post by: jarry on June 26, 2017, 07:59:41 AM
The 'setText' is a method, it isn't a property. Please try this code instead.
Code:
$('#roleID_'+element.ID).textbox({
   value: element.personName,
   //...
});


Title: [SOLVED]Re: Append textbox
Post by: jega on June 27, 2017, 01:07:26 AM
Of course

Works now.