设为首页收藏本站

jQuery MiniUI

 找回密码
 立即注册
jQuery MiniUI › 论坛 › MiniUI › 技术交流 › 怎样动态设置编辑器
123下一页
返回列表 发新帖
楼主: wp260204287
打印 上一主题 下一主题

怎样动态设置编辑器 [复制链接]

wp260204287

Rank: 4
11#
发表于 2014-1-14 10:03:29 |只看该作者
felt 发表于 2014-1-14 09:37
把页面简化重现问题，打包上来我们看下



我的示例已经导报上传了，望版主费心了，帮忙看一下啊。先谢谢版主啊
附件: 你需要登录才可以下载或查看附件。没有帐号？立即注册

举报

lost

Rank: 8Rank: 8
12#
发表于 2014-1-14 10:20:46 |只看该作者
wp260204287 发表于 2014-1-14 10:03
我的示例已经导报上传了，望版主费心了，帮忙看一下啊。先谢谢版主啊
...

e.column.editor = editor;不要注释掉spinner的值就可以显示了

举报

wp260204287

Rank: 4
13#
发表于 2014-1-14 10:27:27 |只看该作者
本帖最后由 lost 于 2014-1-14 10:46 编辑
lost 发表于 2014-1-14 10:20
e.column.editor = editor;不要注释掉spinner的值就可以显示了

  下载看下。是否满足你的要求
附件: 你需要登录才可以下载或查看附件。没有帐号？立即注册

举报

factory

Rank: 8Rank: 8
14#
发表于 2014-1-14 10:45:30 |只看该作者
wp260204287 发表于 2014-1-14 10:27
谢谢斑竹的回复啊，把这个e.column.editor = editor；放开，虽然显示，但是这一列都是spinner控件，但是 ...

http://www.miniui.com/demo/index.html#src=datagrid/celledit2.html

举报

lost

Rank: 8Rank: 8
15#
发表于 2014-1-14 10:48:41 |只看该作者
wp260204287 发表于 2014-1-14 10:03
我的示例已经导报上传了，望版主费心了，帮忙看一下啊。先谢谢版主啊
...

做了个示例，下载看下
附件: 你需要登录才可以下载或查看附件。没有帐号？立即注册

举报

wp260204287

Rank: 4
16#
发表于 2014-1-14 11:12:52 |只看该作者
lost 发表于 2014-1-14 10:48
做了个示例，下载看下

斑竹，那这样我的数据源都要加Eidter这个元素吧，我的数据源目前没有这个，要想实现这种效果，就没有其他办法了吗？

举报

felt

Rank: 8Rank: 8
17#
发表于 2014-1-14 11:33:09 |只看该作者
wp260204287 发表于 2014-1-14 11:12
斑竹，那这样我的数据源都要加Eidter这个元素吧，我的数据源目前没有这个，要想实现这种效果，就没有其他 ...

再放个空白的textbox编辑器，你要返回spinner的就返回spinner,其他的返回textbox就可以了
if (e.field == "XM" && e.value == "5") {
            var editor = mini.get("textboxEditor")
            e.editor = editor;
            e.column.editor = editor;
        }
    else{
        var editor = mini.get("text1");    //放一个textbox编辑器
            e.editor = editor;
            e.column.editor = editor;
    }

举报

wp260204287

Rank: 4
18#
发表于 2014-1-14 15:35:16 |只看该作者
felt 发表于 2014-1-14 11:33
再放个空白的textbox编辑器，你要返回spinner的就返回spinner,其他的返回textbox就可以了
if (e.field == ...

这样好像不行啊啊

举报

lost

Rank: 8Rank: 8
19#
发表于 2014-1-14 15:53:44 |只看该作者
wp260204287 发表于 2014-1-14 15:35
这样好像不行啊啊
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

  3. <html xmlns="http://www.w3.org/1999/xhtml">
  4. <head>
  5.     <title>无标题页</title>

  7.       <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
  8.       <link href="../demo.css" rel="stylesheet" type="text/css" />

  10.     <script src="../../scripts/boot.js" type="text/javascript"></script>
  11.       <style type="text/css">
  12.         html, body
  13.         {
  14.             font-size: 12px;
  15.             padding: 0;
  16.             margin: 0;
  17.             border: 0;
  18.             height: 100%;
  19.             width: 100%;
  20.         }
  21.         .aa.mini-textbox
  22.         {
  23.             height: 20px;
  24.             line-height: 20px;
  25.             font-size: 1px;
  26.         }
  27.     </style>
  28. </head>
  29. <body>
  30. <div class="mini-fit">
  31.         <div id="dept_grid" class="mini-datagrid" style="width: 100%; height: 100%;" allowresize="true"
  32.             url="TextFile3.txt" idfield="ID" allowcelledit="true"
  33.             allowcellselect="true" multiselect="true" >
  34.             <div property="columns">
  35.                 <div header="整车数据卡" headeralign="center">
  36.                     <div property="columns">
  37.                         <div type="checkcolumn" field="Xz" style="width: 6px;" truevalue="1" falsevalue="0">
  38.                             选择</div>
  39.                         <div field="XH" width="20" headeralign="center" allowsort="true">
  40.                             序号
  41.                             <input property="editor" class=" mini-textbox" />
  42.                         </div>
  43.                         <div field="XM" width="80" headeralign="center">
  44.                             项目
  45.                            
  46.                             </div>
  47.                   
  48.                        
  49.                     </div>
  50.                 </div>
  51.             </div>
  52.         </div>
  53.     </div>

  55.     <div style="display:none;">
  56.         <input class="mini-spinner" id="spinnerEditor"  />
  57.         <input class="mini-textbox" id="text1" />
  58.     </div>

  60. </body>
  61. </html>
  62. <script type="text/javascript">

  64.     mini.parse();

  66.     var grid = mini.get("dept_grid");
  67.    
  68.     grid.load();


  71.     function getEditor(record) {
  72.         if (record.type == "textbox") {
  73.             var editor = mini.get("spinnerEditor");
  74.             return editor;
  75.         }
  76.     }

  78.     grid.on("cellbeginedit", function(e) {

  80.     if (e.field == "XM" && e.value == "5") {
  81.         var editor = mini.get("spinnerEditor")
  82.                 e.editor = editor;
  83.                 e.column.editor = editor;
  84.             }
  85.         else{
  86.             var editor = mini.get("text1");    //放一个textbox编辑器
  87.                 e.editor = editor;
  88.                 e.column.editor = editor;
  89.         }
  90.     });


  93. grid.on("cellcommitedit", function (e) {
  94.     var record = e.record;
  95.     if (e.field == "XM") {
  96.         var format = e.record.format;
  97.         if (format) {
  98.             e.value = mini.formatDate(e.value, format);
  99.         }

  101.     }
  102. });
  103.   //试下
  104.    
  105. </script>
复制代码

举报

wp260204287

Rank: 4
20#
发表于 2014-1-14 16:53:12 |只看该作者
lost 发表于 2014-1-14 15:53


希望斑竹指点一下啊
附件: 你需要登录才可以下载或查看附件。没有帐号？立即注册

举报

123下一页
返回列表 发新帖

Archiver|普加软件

GMT+8, 2024-11-26 18:30 , Processed in 1.052240 second(s), 9 queries .

Powered by Discuz! X2

© 2001-2011 Comsenz Inc.

回顶部