南京第一个项目遇到的问题(easyui)

这篇博客详细记录了在南京第一个项目中使用EasyUI前端框架遇到的问题及解决方案。包括如何修改Combobox的默认值,如何在数据中添加'全部'选项,设置默认选中值,使用formatter方法美化Datagrid显示,处理页面元素ID冲突,处理窗口或面板的打开与刷新顺序,以及设置DateTimeBox的默认时间等。
摘要由CSDN通过智能技术生成

easyui

1:修改combobox显示的默认值,要使用$('#xxx').combobox('setValue','xxxx');

2:给combobox加载过来的数据添加"---全部---"或者"---请选择---"之类的

   前端解决办法:

//dataval 是使用$('#xxx').combobox('getData');获取的值

function loadQueryOrganization(dataval){
    var def = "[{'organizationFlow':'','organizationName':'全部'}";
    for(var o in dataval){
        
        def+=",{'organizationFlow':'"+dataval[o].organizationFlow+"','organizationName':'"+dataval[o].organizationName+"'}";
    }
    def+="]";
    def = eval('(' + def + ')');
    $("#organizationflow").combobox({
        valueField: "organizationFlow",
        textField: "organizationName",
        data:def
    });
}

    后端解决办法:

    在查询的list中的第一个位置加上一个元素"---全部---"或"---请选择---",然后返回成json数据直接返回就可以了

3:默认选取combobox的值(这个例子默认显示第一个)

    $("#edit_organizationFow").combobox({
        url:rootPath()+"/department/loadAllDepartment.do?timestamp="+(new Date()).valueOf()+"&ajax=true",
        valueField: "organizationFlow",
        textField: "organizationName",
        onLoadSuccess:function(){
            var val = $(this).combobox("getData");
            //加载查询条件上的部门信息
            loadQueryOrganization(val);
            
            for (var item in val[0]) {
                if (item == "organizationFlow") {
                    $(this).combobox("select", val[0][item]);
                }
           }
            
        }
    });

4:在datagrid中使用formatter方法转换表格中显示的值的样式

5:当页面上有panel的id相同时,加载的数据会有不显示的问题

6:window或panel应该先open然后再refresh,否则IE会显示警告信息

7:关于easyui的时间框问题,时间框上是没有默认时间的,要使用$('#xxx').datetimebox('setValue','2013-11-24 11:11:00');

这种方式,如果要是显示当前的时间,那么使用js返回的字符串的格式也要是yyyy-MM-dd hh:mm:ss这种格式的,否则浏览器会报错,不过有时也不报错


8:


  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值