EasyUI Forum

Hi ,
I m trying to display number box dateboxes and comboxes as explained in documentaion .But i cant see any date box.All are displaying as textboxes only.
for eg <input id="dd" type="text" class="easyui-datebox" required="required">
is displayed as textbox.please help me soon

I am trying inside popup

I was trying inside table.please look the below code.

       <div  id="editPrjPopup" data-options="iconCls:'icon-edit'" style="display:none;">
      <form id="fm" method="post">
      <input id="dd" type="text" class="easyui-datebox" required="required"></td></tr></table>
      

      </form>
      </div>

How do you use the 'popup'? Also, the <table> element should be enclosed in the page.

       <div  id="editPrjPopup" data-options="iconCls:'icon-edit'" style="display:none;">
      <form id="fm" method="post">
      <table id="tb"> </table>
      

      </form>
      </div>

This is my div with popup and inside form ...
   $('#editPrjPopup').dialog({
      title: 'Edit Project',
      width: '80%',
      closed: false,
      cache: false,
      modal: true,
      height: '60%',
   });


and inside popup there is a table.I am loding table content dynamically .When loading dynamically its not showing date box number box ....just taking as text box.
pls look below code how i m loading dynamic table content inside popup.

for (var item in editors)
      {
         if (typeof editors[item] !== 'function') {
            console.log(editors[item]);
            var type= editors[item].type;
               switch(type) {
                   case "text":
                    //execute code block 1
                     tdData += '<td>'+editors[item].field+':<input type="text" class="easyui-textbox" data-options="min:0,precision:2" value="'+editors[item].oldHtml+'"></input></td>';
                    break;
                   case "numberbox":
                    //execute code block 2
                   tdData += '<td>'+editors[item].field+':<input type="text" class="easyui-numberbox" value="100" data-options="min:0,precision:2"></input></td>';
                   break;
                   case "datebox":
                    //execute code block 3
                   tdData += '<td>'+editors[item].field+':<input type="text" class="easyui-datebox" value="'+editors[item].oldHtml+'"></input></td>';

                    break;
                   default:
                   // code to be executed if n is different from case 1 and 2
               } 
         }
            console.log("count + tdData"+ count +" :: "+tdData);
            if(compCount === count){
            $('<tr>'+tdData+'</tr>').appendTo(table);
            count = 0;
            tdData ='';
            }else{
            count = count+1;
            }

      }

Please use $.parser.parse function to parse your components before using them.

Thanks lot. :)....I had created text box , datebox number box from JavaScript.then it worked fine.
May I know what exactly this parser do ?