this post :https://www.jeasyui.com/forum/index.php?topic=4940.msg12207#msg12207
is  become invalid。
when i console.log(this) in the styler function ,i print the table .

in the old versions ,  datagrid call styler directly , now it use  styler.call('datagridTarget',...).

can styler  add a field param after (value,row,index,...)?

when input the password in the login page , user usually input Enter(key=13) to login .

the jquery version is here:
https://www.jeasyui.com/forum/index.php?topic=5569.0

how can i do this in react version？

in jquery version ,there is "easyui-lang-zh_CN.js", how can i do i18n  in react version ?

I add dependForm and dependFields attributes  to field collegeCode.

Code:

<form id="courseListForm" method="post">
	<input class="easyui-combobox" id="collegeCode"  name="collegeCode"  style="width:250px" 
		multiple="multiple"  valueField="code" textField="shortName"
		url='${appPath}/college/collegeListData.do'/>
	 
	<input class="easyui-combobox" id="collegeCode"  name="collegeCode"  style="width:250px" 
		multiple="multiple" dependForm="courseListForm" dependFields="termCode" valueField="code" textField="shortName"
		url='${appPath}/college/collegeListData.do'/>
	other fields...
</form>

after parser onComplete , I call the Component's extParse method if exits

Code:

$.parser.onComplete= function(context){
		for(var i=0; i<$.parser.plugins.length; i++){
			var name = $.parser.plugins[i];
			var r = $('.easyui-' + name, context);
			if (r.length){
				if (r[name]&&r[name].methods.extParse){
					r[name]('extParse');
				}  
			}
		}
}

then i extend an method to combobox

Code:

$.extend($.fn.combobox.methods, {
		extParse: function(jq){
			jq.each(function(){
				var _this = $(this);
				//default value
				var defaultExtOptions = {
					dependForm:null,
					dependFields:null,
				};
		        //markup value
				var markupOptions = {
					dependForm:_this.attr('dependForm'),
					dependFields:_this.attr('dependFields'),
				};
				
				//megre extOptions
		        var extOptions = $.extend(defaultExtOptions,markupOptions);
		        
		        if(extOptions.dependFields){
		        	//register event
		        	var  dependFields = extOptions.dependFields.split(',');
		        	for(var i in dependFields){
		        		//**************************************************
		        		$('#'+dependFields[i]).textbox('options').onChange=function(){
		        			_this.combobox('reload');
			        	};
		        	}
		        }
		        
		        if(extOptions.dependForm){
		        	_this.combobox({
		        		onBeforeLoad: function(param){
		        			var formData = $("#"+extOptions.dependForm).formToObject();
		        			$.extend(param,formData);
		        		}
		        	});
		        }
			});
	    }
	});

the line below many '*****',have errors,so the question is :
combobox extends combo
combo extends textbox.
can i call the parent's 'options' method to get the current options ?
because i can't know ,what the depended component type is

I like the markup style very much,component can be declare by html with less javascript.
the html is readable , the javscript block is clear.

but, i have an obsession for javacirpt in html : I don't want any javascript code in the html markup.
the best style I want  is like this:
the html code:

Code:

<div id='the_id'  data-options= 'only options here ' class='esayui-component-name'

then the javascript code:

Code:

   $('#the_id').component-name('bind','eventName',function(){
         event handler...
   })

is it possible without javascirpt code init but can bind event after component  init ready?

is there any way to bind event Listener after parse?
the basic reason is :
I want to use markup style to init combobox,it make javascript code clear,
but i don't want to  write javascript code in markup, it makes html dirty.

so i want to bind onChange event after parse in javascirpt.

for example , use the file in easyui release demo :jquery-easyui-1.4.2/demo/combobox/basic.html
I want to register an event for the commbox,
but I don't want to write any javascript code in html element's markup like : data-options='onChange:function(){...}'
so I write code like this:

Code:

		$(document).ready(function() {
	
			$('#state').combobox({
				onChange:function(){
					console.log('ok');
				}
			});
		});

then , the combobox show the selected option's value 'AK',but not 'Alaska'。

dose the combobox can't be init twice ?

it works! thank you!
(I worried about it may init twice before.  )

I am a newer to easyui.

I like markup type to define widget like this:

Code:

<div id='tt' class="easyui-tabs" style="width:700px;height:250px" data-options="...">
<div title="APanel"  ></div>
<div title="BPanel"  ></div>
<div title="CPanel" ></div>
</div>

I know the basic way to handle events is write a javascript method in the data-options.
it seems not easy to wirte an javascript function in a html attribute with other options as a long string.
May i add an event handler and ohter options to the markuped  widget  by javascript in $(document).ready functions  after parse?

just like this （some thing i imagine） :

Code:

$(document).ready(function() {

  $('#tt').tabs.('options','fit',true);// set the options

  $('#tt').tabs.('event','select',function(){
          xxx
  }); //set the event 
	

});