Easyui learning (1)

1. Basic operation of text box control

   //assign the textbox
    $('#userName').textbox('setValue',account['userName']);
   //read textbox value
    $('#userName').textbox('getValue');

    
2. Basic operation of drop-down list combo box

   //Assignment of drop-down list combo box
    $('#category').combobox('setValue',account['category']);
   // read the value of the drop-down list combo box
    $('#category').combobox('getValue');

3. Basic operation of date text box

   //Assignment of date text box
   $('#regDate').datebox('setValue',account['regDate']);
   //Read the date textbox value
   $('#regDate').datebox('getValue');

4.  Simple application of dialog control

   //Initialize a dialog box, set the dialog box to close
   $('#'+id).dialog({
   		    title: 'Modify account',
   		    width: 600,
   		    height: 400,
   		    closed: true,
   		    cache: false,
   		    draggable:false,
   		    href: url,
   		    modal: true,
   		    buttons:[{
   				text:'Save',
   				iconCls:'icon-save',
   				handler:function(){
   					// close the dialog
   					$('#'+id).dialog('close');
   				}
   			},{
   				text:'Cancel',
   				iconCls:'icon-cancel',
   				handler:function(){
   					//Close the dialog
   					$('#'+id).dialog('close');
   				}
   			}],
   			onLoad:function(){
   				// when the page is loaded
   				...........
   		    }
   		
   			
   		});
   // open the dialog
   $('#editDialog').dialog('open');
   // refresh the dialog page
   $('#editAccountDialog').dialog('refresh', url);