easyui常见问题

1.EasyUI的combobox可以看到选项但是不能选择怎么办

检查一下绑定的字段是否名称一样，valueField:'id',textField:'name'，主要检查valueField

$('#contentsName').combotree({
	panelHeight: 'auto',
	panelMaxHeight: 200,
	multiple: false,
	required: false,
	editable: false, // 不可编辑，只能选择
	valueField:'id',
	textField:'name',
	data: data.rows,
	formatter: function(node) {
		return node.name;
	},
	onLoadSuccess: function(node, data) {
	}
});

2.easyui 动态添加input标签，没有对应的渲染

动态添加easyui控件<input class=" easyui-textbox" > 这样是无效的，因为easyui没有实时监控，所以必须动态渲染$.parser.parse();

参考：https://blog.csdn.net/zengfanwei1990/article/details/53812822

$.parser.parse($('#tt').parent());

3.combobox下拉框自适应高度

data-options="panelHeight:'auto'"　　//注意： auto需要添加引号

详情：https://blog.csdn.net/heiyi0605/article/details/61193448?utm_source=itdadao&utm_medium=referral

4.input渲染成textarea

<input class="easyui-textbox" data-options="multiline:'true'" />

5.EasyUI Dialog 对话框　　

$('#dd').dialog({
    title: 'My Dialog',
    width: 400,
    height: 200,
    closed: false,
    href: 'get_content.php',
    modal: true,
    onClose:function(){	},	//弹框关闭后触发
    onBeforeClose:function(){ }		//弹框关闭前触发	
});

6. easyui datagrid表格宽度自适应

设置公共方法，使得datagrid的属性  fitColumns:true

$(function(){
　　//初始加载，表格宽度自适应
    $(document).ready(function(){
        fitCoulms();
    });
　　//浏览器窗口大小变化后，表格宽度自适应
    $(window).resize(function(){
        fitCoulms();
    });
})

//表格宽度自适应，这里的#dg是datagrid表格生成的div标签
function fitCoulms(){
    $('#dg').datagrid({
        fitColumns:true
    });
}

7.根据行号获取该行数据

var rows = $("#underLineYjPcgrid2").datagrid("getRows");
var row = rows[index];//index为行号
var id = row.id;

8.easyui datagrid 单击行不选中

onClickRow: function (rowIndex, rowData) {
    $(this).datagrid('unselectRow', rowIndex);
}

9.冻结表格

frozenColumns:[[
    {field:'itemid',title:'Item ID',width:80},
    {field:'productid',title:'Product ID',width:80},
]],

10. 时间控件不可编辑

editable:false,

11.  easyui设置值

1. 在easyUI中操作textbox进行disable和enable状态切换时有两种方法：
//使用disabled属性进行操作
$("#xxx").textbox({disabled:true})/$("#xxx").textbox({disabled:false});        
//使用disable和enable方法进行操作
$("#xxx").textbox('disable')/$("#xxx").textbox('enable');        
//注：disable无法通过 easyui 提交校验  使用 readonly
$('#addEditForm #name').textbox({readonly:true});

2.combobox
//combobox获取单个值
$('#mycomBox').combobox('getValue');
//combobox获取多个值
$('#mycomBox').combobox('getValues');

//设置默认选中行
 $('#selRobotTable').datagrid('selectRow',1);         

3.设置textbox值
$("#txtrName").textbox("setValue", "xxx");

12. easyui校验值

data-options="validType:'length[1,40]'"        //长度
validType:'mobile'    //验证电话号码

13.

 

14.