Extjs GridPanel 添加使用单选按钮radio

最新推荐文章于 2022-07-09 11:01:47 发布

原创

最新推荐文章于 2022-07-09 11:01:47 发布 · 5.4k 阅读

5 ·

CC 4.0 BY-SA版权

本文介绍了如何在ExtJS的GridPanel中集成和使用单选按钮（radio），包括监听和交互的实现，为用户提供简洁的选择方式。

columns[

{
	                text : "表决意见",
	                width : 160,
	                flex:1,
	                dataIndex : "custom1",
	                radioValues:[{"inputValue":"1","boxLabel":"同意"},{"inputValue":"0","boxLabel":"不同意"}],
	                renderer:function(value, metaData, record, rowIndex, colIndex, store, view) {
				    	var column = view.getGridColumns()[colIndex],
				        	html = '';
				       	Ext.each(column.radioValues, function(rec) {
						     var inputValue = rec.inputValue;
						     var boxLabel = rec.boxLabel;
						     var checked = inputValue == value;
						     var name =  view.id+"_Grdi_Column_Radio_"+record.internalId+"_"+rowIndex;
					         html +=  "<input name='"+name+"' type='radio' "+ (checked?"checked":"")+"  dataindex='"+column.dataIndex+"' value='"+inputValue+"' />"+boxLabel;
				        });
				        return html;
				    }