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.

 

10