`
myDayComing
  • 浏览: 9901 次
  • 性别: Icon_minigender_1
  • 来自: 厦门
文章分类
社区版块
存档分类
最新评论

EasyUI 自定义编辑器的使用

阅读更多

editor:{

             type : 'combobox',

         options:{

             height:28,

             valueField: 'value',

            textField: 'label',

            data: [{

            label: '是',

            value: '1'

            },{

            label: '否',

            value: '0'

            }],

            onSelect:function(record){

            var id =$('#productCatId').val();

            var pageId=$('#pageList').val();

            var rowIndex=$('#tg').datagrid('getRowIndex',PropertyConfigJs.selectRow);

        var eval=record.value;

        var row=$('#tg').datagrid('getData');

        var rowData=row.rows[rowIndex];

        var edProId=rowData.propertyId;

        PropertyConfigJs.updateEditData(id,pageId,edProId,2,eval,rowData);

        $('#tg').datagrid('endEdit',rowIndex);

            }

             }

             },

             formatter:function(value,rowdata,rindex){

             if(value==1)

             {

             return "是";

             }

             else{

             return "否";

             }

             }

 

record字段表示的是编辑器中数据的某一项

分享到:
评论

相关推荐

    easyui datagrid 自定义编辑器 colorpickerEditor

    在本文中,我们将深入探讨如何在EasyUI的DataGrid中创建自定义编辑器,特别是`colorpickerEditor`,用于在行内编辑时选择颜色。EasyUI是一个基于jQuery的UI库,它提供了丰富的组件,如DataGrid,使得网页开发更加...

    EasyUI tutorial 中文版 chm

    easyUI自定义DataGrid分页栏 启用DataGrid行内编辑器 继承扩展DataGrid的editors easyUI在可编辑的datagrid中计算两列的值 easyUI合并DataGrid单元格 easyUI为datagrid创建自定义视图 easyUI datagrid...

    easyUI行内可编辑

    8. **样式和自定义**:EasyUI 允许我们自定义编辑器的样式和行为,例如添加验证规则、禁用某些字段的编辑等。 9. **数据同步**:为了保持前端和后端数据的一致性,每次编辑完成后,都需要与服务器进行通信。这可能...

    Easyui-datagrid编辑模式详解

    在表格中使用此自定义编辑器的方式与使用默认编辑器相同。 ##### 2. 获取编辑器 - **beginEdit**: 开始编辑某一行。 - **endEdit**: 结束编辑,并提交数据更改。 - **cancelEdit**: 取消编辑,恢复原始数据。 - **...

    EasyUI可扩展Editable DataGrid(可编辑数据表格)

    至于“工具”标签,这可能是指开发者可能会用到的一些辅助工具,如IDE(集成开发环境)、代码编辑器、调试器等,这些工具能帮助开发和调试使用EasyUI的Web应用,确保Editable DataGrid功能的正确实现和优化。...

    如何解决easyui自定义标签 datagrid edit combobox 手动输入保存不上

    这是因为datagrid的默认编辑行为并不总是能够识别非标准的编辑器,比如自定义的combobox。 为了解决这个问题,我们需要利用EasyUI提供的事件机制。这里,我们可以使用`onEndEdit`事件,这个事件在单元格结束编辑时...

    easyui扩展版本的插件

    1. **日期组件扩展**:原生的EasyUI日期选择器通常提供了基本的日历功能,但扩展版本可能包含了更多的自定义选项,如日期范围选择、时间选择、日期格式化等。这有助于用户更灵活地处理日期相关的输入和展示,提升...

    EasyUI中的dataGrid的行内编辑

    例如,我们可以使用validatebox编辑器来验证用户的输入,或者使用combobox编辑器来提供下拉选项等。 EasyUI中的DataGrid行内编辑实现代码优化 在上面的代码中,我们可以看到,DataGrid组件的行内编辑功能的实现...

    datagrid中编辑状态(editor)下一列嵌入多个控件

    本文将详细介绍如何在easyUI的`datagrid`控件中通过自定义编辑器(editor)实现在一个单元格中放置多个输入控件。 #### 二、实现原理 在easyUI框架中,`datagrid`提供了编辑器功能来对表格中的单元格进行编辑操作...

    EasyUI使用的demo

    5. **其他组件**:除了上述功能,EasyUI还提供了如下拉框`combobox`、日期选择器`datebox`、树形控件`tree`等众多组件,它们都可能在这个demo中有所体现,帮助开发者理解如何集成和使用这些组件来增强交互体验。...

    easyUI的一个实例,直接导入myeclipse中使用

    它集成了多种工具,如代码编辑器、调试器、版本控制等,为开发者提供了一站式的开发平台。将 EasyUI 实例导入 MyEclipse 可以方便地进行代码编写、测试和调试。 在这个"easyui Demo"中,我们可以期待以下知识点: ...

    全套EasyUI示例源码

    - 开发工具:使用像Visual Studio Code这样的代码编辑器,配合相关插件,可以提升开发效率。 总结,"全套EasyUI示例源码"为开发者提供了一个全面了解和实践EasyUI的平台,结合SpringMVC的使用,可构建功能完善的...

    easyui的datagrid中editor和combobox的级联

    - 首先,在`datagrid`的列定义中添加一个省份列,该列使用`combobox`作为编辑器。 - 设置`combobox`的相关属性,例如`valueField`、`textField`等,这些属性分别表示下拉列表项的值字段和文本字段。 - 通过`url`...

    最新EasyUI扁平化

    2. **组件使用**:熟悉各个组件的基本用法,如`<div class="easyui-panel">`创建面板,`<select class="easyui-combobox">`创建下拉框等,结合jQuery选择器和方法,可以实现动态操作。 3. **主题定制**:EasyUI提供...

    easyui实现的Activiti工作流引擎web版流程设计器

    1. **界面布局**:使用EasyUI的布局组件创建可拖动和调整大小的面板,以展示流程图和属性编辑器。 2. **模型加载和保存**:通过调用Activiti的REST API或服务接口,加载XML流程定义文件,并将其显示为图形。同样,当...

    easyui+TP后台模板

    在"easyui+TP后台模板"中,开发者通常会利用EasyUI创建后台管理界面,例如登录页面、数据展示表格、表单编辑等,而ThinkPHP则负责处理后端逻辑,如数据验证、数据库操作、权限控制等。这种组合使得开发者可以专注于...

    EasyUIDataGrid(net)

    这是Visual Studio的用户选项文件,存储了用户个人设置,如窗口布局、调试器设置等,通常不需手动编辑。 6. **EasyUI文件夹** 可能包含了EasyUIDataGrid的源代码、资源文件、配置文件等,具体要看文件夹内容。...

    easyui的入门教程

    3. **主题系统**: EasyUI 提供了多种预设主题,开发者可以根据需求选择合适的主题或者自定义主题,以满足不同项目的需求。 4. **API 和事件**: EasyUI 提供了丰富的API和事件,通过API可以控制组件的行为,而事件则...

    easyui使用手册

    6. **插件扩展**:EasyUI 允许开发者通过插件扩展其功能,例如日期选择器(datebox)、时间选择器(timespinner)等,了解如何引入和使用这些插件。 7. **主题定制**:学习如何自定义 EasyUI 的主题,改变组件的...

Global site tag (gtag.js) - Google Analytics