easyui 单元格编辑，下拉表格。。。。

最新推荐文章于 2023-05-15 09:10:31 发布
最新推荐文章于 2023-05-15 09:10:31 发布
阅读量1.2k 收藏 1
点赞数
分类专栏： EasyUi点滴知识 文章标签： easyui
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/bbsyi/article/details/72317851
版权 
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>测试页面</title>
    <link rel="stylesheet" href="../css/base.css">
    <link rel="stylesheet" type="text/css" href="../js/jquery-easyui-1.5.1/themes/default/easyui.css">
    <link rel="stylesheet" type="text/css" href="../js/jquery-easyui-1.5.1/themes/icon.css">
    <link rel="stylesheet" type="text/css" href="../com-min/ui.css">
    <script type="text/javascript" src="../js/jquery-easyui-1.5.1/jquery.min.js"></script>
    <script type="text/javascript" src="../com-min/fun.min.js"></script>
    <script type="text/javascript" src="../com-min/ui.min.js"></script>
    <script type="text/javascript" src="../com-min/userCom.min.js"></script>

    <script type="text/javascript" src="../js/jquery-easyui-1.5.1/jquery.easyui.min.js"></script>
</head>
<body class="easyui-layout" data-options="fit:true">
    <div data-options="region:'north',fit:false" style="border-style: none none solid;text-align: right;height: 28px;">
        <a class="easyui-linkbutton" data-options="iconCls:'icon-ok',plain:true" href="javascript:void(0)" id="okBtn">确定</a>
        <a class="easyui-linkbutton" data-options="iconCls:'icon-clear',plain:true" href="javascript:void(0)" id="cancle">取消</a>
    </div>
    <div data-options="region:'center',fit:false,border:false">
        <table id="test"></table>
    </div>
    <script>
        (function(){

        })();

        $(function(){
            var data={
                "TotalPages": 1,
                "TotalRows": 7,
                "list": [
                    {
                        "ID": "8da2711c-d726-445f-8db6-59b9c4ce96b1",
                        "DeviceOrderDetailID": "96c8befa-c035-4d65-90ac-cfcddf3a204b",
                        "DeviceID": "e42a74dd-7698-4518-9546-84d2b3751f48",
                        "OrderType": "SBPD",
                        "OrderNo": "SBPD0000008",
                        "DeptId": "becff2a6-8279-4257-8109-cc6a02834cdd",
                        "DeptCode": "001H003",
                        "DeptDesc": "行政部",
                        "CompanyCode": "0001",
                        "CompanyDesc": "成都分公司",
                        "DeviceCode": "sb10000021",
                        "ModelName": "ThinkPad笔记本1",
                        "ModelTypeName": "ThinkPad1",
                        "CreateDate": "2017/5/16 10:44:09",
                        "Status": -1,
                        "Remark": "",
                        "StatusDesc": "未完成",
                        "CheckDate": "",
                        "OrderTypeDesc": "设备盘点",
                        "DeviceTypeId": "f16303c0-5085-46d4-852a-fbc7e50d7861",
                        "DeviceTypeDesc": "信息设备",
                        "DeviceStatusId": "00000000-0000-0000-0000-000000000000",
                        "DeviceStatuDesc": "",
                        "CreateBy": "398c2e79-8816-4ef5-891c-b2ae2a8bd904",
                        "CreateByName": "Adminis
最低0.47元/天 解锁文章
弹琴弹琴
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
easyui datagrid列表中增加combobox下拉框
weixin_44550562的博客
02-21 2157
需求 列表中最后一列增加下拉框，在选择该行的时候，获取该行的所有数据（包括下拉框的内容） 实现 1、以下代码中，技能组级别字段设置为下拉框，但是没有设置列表为可编辑，所以该字段无法展示下拉效果 var level = [{ "level-value": 0, "level-name": "高"}, { "level-value": 1, "level-name": "中" }, { "level-...
easyui中表格实现下拉联动，编辑功能
qq_29124867的博客
03-09 1948
功能要求：点击编辑按钮时，车辆型号，车牌号码，司机和司机电话可以编辑；其中车牌号码根据车辆型号进行筛选，司机和司机电话根据车牌号码带出来。 代码如下： <script> var testIndex = 0; $(function () { $('#zd_table').datagrid({ width: 1080, height: 'auto' + 1, checkOnSelect: true, singleSelec..
Easyui综合实例（表格编辑、添加删除行、下拉框关联、表头数据筛选）
weixin_41696089的博客
11-20 378
设备信息维护 }); gridTitlebindingClick(); }); //=================自定义方法 var editIndex = undefined; function endEditing(){ if (editIndex == undefined){return true} if ($(’#dataBasic’).datagrid(‘validateRow’, editIndex)){ $(’#dataB...
技术问题（未解决）easyui datagrid里面添加下拉菜单combobox
anyue0205的博客
10-15 1240
今天进行项目的时候想要使用datagrid里面加上一个下拉菜单功能combobox，就类似于性别，然后下拉菜单里面有男女，选择就好了。但是怎么弄都是没有弄出来下拉菜单，只好用其他的方式实现了，以后有时间一定要解决一下。具体的看一下代码吧，这个问题哪位大神指导麻烦指点一下，谢谢啦！！ columns: [[ { field: 'ck', checkbox: ...
jQuery EasyUI 表单 - 创建树形下拉框
最新发布
unber的博客
05-15 361
从上面的代码可以看到，我们为一个名为 'city' 的树形下拉框（ComboTree）字段设置了一个 url 属性，这个字段可以从远程服务器检索树形结构（Tree）数据。在本教程中，我们将要创建一个注册表单，带有 name、address、city 字段。city 字段是一个树形下拉框（ComboTree）字段，在里面用户可以下拉树面板（tree panel），并选择一个特定的城市。树形下拉框（ComboTree）是一个带有下列树形结构（Tree）的下拉框（ComboBox）。创建表单（Form）
EasyUi表格数据列添加下拉框选择降序、升序、显示隐藏列问题
abincao的博客
08-07 949
如果你在页面引入了  &lt;tag:res path="/jeasyui-extensions/jeasyui.extensions.all.min.js"/&gt; &lt;tag:res path="/jeasyui-extensions/jeasyui.extensions.css"/&gt; 上面这2个文件，还是没有出现 下拉框图标的话，切记在表格里面不要添加class="d...
SSM和EasyUI结合将数据导出表格.zip
11-27
EasyUI则是一个基于jQuery的前端UI库，提供了丰富的组件如表格、树形结构、下拉菜单等，用于快速构建美观且响应式的用户界面。在这个项目中，EasyUI的表格组件被用来展示数据，并提供了导出功能。 数据导出到Excel...
easyui-表格拖动的实现
01-21
EasyUI 是一款基于 jQuery 的轻量级前端框架，它提供了丰富的组件，如表格、下拉菜单、对话框等，帮助开发者快速构建用户界面。在"easyui-表格拖动的实现"这个主题中，我们将深入探讨如何利用 EasyUI 的功能实现表格...
jquery easy ui edatagrid 动态编辑表格 例子
09-19
在本文中，我们将深入探讨jQuery Easy UI中的`edatagrid`组件，以及如何实现动态编辑表格，特别是下拉框的联动功能。`edatagrid`是jQuery Easy UI库中的一个强大工具，它扩展了基本的`datagrid`功能，提供了更丰富的...
jQuery EasyUI编辑DataGrid用combobox实现多级联动
10-21
DataGrid可以嵌入编辑器，combobox作为编辑器的一种，可以在单元格内提供下拉选择功能。在DataGrid的`columns`配置中，通过`editor`属性指定某一列使用combobox，并设置其`options`，如`url`、`valueField`和`...
easyui datagrid在编辑状态下更新列的值
06-17
在标题“easyui datagrid在编辑状态下更新列的值”中，我们关注的是如何在Datagrid的编辑模式下动态地修改列的值，以及确保在编辑结束后，保存的数据反映这些变更。以下将详细介绍这一过程。 首先，EasyUI的...
在Easyui-datagrid嵌入下拉框（combobox）
coolboyzero的博客
08-30 2万+
Easyui中datagrid中嵌入combobox并赋值传值显示组合框方法总结
easyui中datagrid列表里面带有textbox和combobox的示例
feinifi的博客
01-14 5575
datagrid在默认情况下，我们只是用来展示数据，大多数情况下是和分页结合使用，但是偶尔的一些特殊需求，他要展示一个form表单的一些列表项，而且还可以在列表中进行修改，最终提交表单的时候，我们在列表里面的文本框或者下拉框中做的修改，能够体现在form表单中，我们知道，datagrid的columns属性，提供了如{field:"action",formatter:actions}的形式，可以直...
EasyUI：datagrid分页显示+嵌入select下拉选项框
KaiSarH
11-02 1167
easyUI中datagrid分页显示+嵌入select下拉选项框
easyui下拉框，增加以及商品的上架，下架
小宝的宝呢的博客
10-06 492
一、下拉框 1.将下拉框需要显示的值写入实体类 package com.zking.entity; public class Category { private long id; private String name; public long getId() { return id; } public void setId(long id) { this.id = id; } public String getName() { return name; }
easyui datagrid combobox下拉框获取数据问题
热门推荐
leo_pcx
02-20 4万+
最近在使用easyui的datagrid，在可编辑表格中添加一个下拉框，查了下API，可以设置type : 'combobox',来做下拉框，这下拉框是有了，可是这后台数据怎么传过来呢，api上
easyui table select 下拉框做status状态区分
JesseCary的博客
07-12 1289
function searchSaleChance(){ $("#dg").datagrid('load',{ "customerName":$("#s_customerName").val(),  "overView":$("#s_overView").val(),  "createMan":$("#s_createMan").val(),  "state":$("#s_state")
easyui 项目fun公共方法
Cool的博客
06-13 1111
fun.js   //var RP=getRootPath(); var sys_Root='http://www.baidu.com'; var sys_Path=window.location.protocol+'//'+window.location.host; //页面路径 var Sys_RootPath=sys_Path+'/html';//系统路径 //接口根路径 var Ba...
Jquery EasyUI 教程：中文API详解
- **合并单元格** (41): 在DataGrid中合并单元格以适应特定的数据展示。 7. **窗口** (44-47): 窗口组件用于弹出对话框或者浮动视图，教程中包含了基本窗口、自定义工具、Window与Layout的结合以及创建对话框的...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值