找回密码
 立即注册

QQ登录

只需一步，快速开始

首页 › WijmoJS专区 › 求助中心 › 查看内容
发新帖

yaochenglong

最新发帖

如何在FlexGrid初始化的时候就显示行内的按钮

yaochenglong
高级会员   /  发表于：2015-10-20 11:55:00
11#
好的，请尽快！
回复 使用道具 举报
Alice
社区贡献组   /  发表于：2015-10-20 16:09:00
12#
回复 11楼yaochenglong的帖子

制作demo需要一定的时间，很抱歉给你带来的不便。
我尽量在今天下班前给您回复。
请点击评分，对我的服务做出评价！  5分为非常满意！

葡萄城控件服务团队

官方网站: http://www.gcpowertools.com.cn
回复 使用道具 举报
yaochenglong
高级会员   /  发表于：2015-10-20 17:09:00
13#
好的！
回复 使用道具 举报
Alice
社区贡献组   /  发表于：2015-10-20 18:08:00
14#
回复 13楼yaochenglong的帖子

最后一列添加Eidt按钮，请参考如下示例：

本帖子中包含更多资源

您需要 登录 才可以下载或查看，没有帐号？立即注册

x

评分

参与人数 1满意度 +5 收起 理由
rbgongming + 5 ！！！

查看全部评分

请点击评分，对我的服务做出评价！  5分为非常满意！

葡萄城控件服务团队

官方网站: http://www.gcpowertools.com.cn
回复 使用道具 举报
yaochenglong
高级会员   /  发表于：2015-10-21 11:14:00
15#
你好Alice：
                你的demo我已经收到，我已经显示出按钮了，但是有个问题，在我点击编辑按钮的之后，会把其他form表单的信息以json的格式拼接在当前url之后。如图：
     


我点击留房的时候，就是弹出一个alert(),但是点击alert()确定之后当前的url就发生了变化，并且当前url刷新，如图



代码如下：

  2.                                            var editIndex = -1;
  3.                                            var data = msg.obj;
  4.                                            if(data!=""&&data.length>0){
  5.                                                          var array_book=[];
  6.                                              ///////  FlexGird    ///////
  7.                                              editBookRoomView = new wijmo.collections.CollectionView(data);
  8.                                              editBookRoomFlexGrid = new wijmo.grid.FlexGrid('#div_bookRoom', {
  9.                                                       autoGenerateColumns: false,
  10.                                                       selectionMode : wijmo.grid.SelectionMode.Row,
  11.                                                          allowAddNew:true,
  12.                                                        columns: [
  13.                                                     { header: '主键',binding:"id", width:50,isReadOnly:true,visible:false},      
  14.                                                     { header: '序号', width:50,isReadOnly:true},
  15.                                                     { header: '房类',binding:"roomtypeId",width:'*' },
  16.                                                     { header: '订房数', binding:"bookNum",width:'*' },
  17.                                                     { header: '留房数', binding:"saveNum",width:'*'},
  18.                                                     { header: '抵店日期',binding:"reachDate", format:'yyyy-MM-dd', width:'*'},
  19.                                                     { header: '离店日期',binding:"leaveDate", format:'yyyy-MM-dd',width:'*'},
  20.                                                     { header: '抵店时间', width:'*'},
  21.                                                     { header: '房价',binding:"roomPrice", width:'*'},
  22.                                                     { header: '抵达数',binding:"reachNum", width:'*'},
  23.                                                     { header: '操作',name: "buttons",width:'*'},
  24.                                                 ],       
  25.                                                  itemsSource: editBookRoomView,
  26.                                              });
  27.                                            
  28.                                              editBookRoomFlexGrid.itemFormatter = function(panel, r, c, cell){
  29.                                                      if (panel.cellType == wijmo.grid.CellType.Cell) {
  30.                                                              var col = panel.columns[c],
  31.                                                      html = cell.innerHTML;
  32.                                                              if (r == editIndex) {
  33.                                                          /*switch (col.name) {
  34.                                                              case 'buttons':
  35.                                                                  html = '<div>' +
  36.                                                                         '&amp;nbsp;&amp;nbsp;' +
  37.                                                                         '<button class="btn btn-primary btn-sm" onclick="commitRow(' + r + ')">' +
  38.                                                                             '<span class="glyphicon glyphicon-ok"></span> OK' +
  39.                                                                         '</button>' +
  40.                                                                     '</div>';
  41.                                                                  break;
  42.                                                              case 'date':
  43.                                                                      break;
  44.                                                          }*/
  45.                                                      } else {
  46.                                                          switch (col.name) {
  47.                                                              case 'buttons':
  48.                                                                  cell.style.padding = '3px';
  49.                                                                  html = '<div>' +
  50.                                                                         '&amp;nbsp;&amp;nbsp;' +
  51.                                                                         '<button class="btn btn-default btn-sm" onclick="abc(' + r + ')">' +
  52.                                                                             '<span class="glyphicon glyphicon-pencil"></span> 留房' +
  53.                                                                         '</button>' +
  54.                                                                     '</div>';
  55.                                                                  break;
  56.                                                          }
  57.                                                      }
  58.                                                              
  59.                                                              if (html != cell.innerHTML) {
  60.                                                          cell.innerHTML = html;
  61.                                                          cell.style.padding = '3px';
  62.                                                      }
  63.                                                              
  64.                                                      }
  65.                                              };
  66.                                             editBookRoomView.trackChanges = true;
  67.                                             var col = editBookRoomFlexGrid.columns.getColumn('roomtypeId');
  68.                                                         col.dataMap = new wijmo.grid.DataMap(msg.attributes.roomTypeList, 'codeId', 'codeNamec');
  69.                                                 }
  70.                                   
复制代码

  1. function abc(row){
  2.         alert(row);
  3. }
复制代码

本帖子中包含更多资源

您需要 登录 才可以下载或查看，没有帐号？立即注册

x
回复 使用道具 举报
Alice
社区贡献组   /  发表于：2015-10-21 15:53:00
16#
回复 15楼yaochenglong的帖子

很抱歉没有理解您的意思，您说出问题是什么问题？您的需求又是什么？
请点击评分，对我的服务做出评价！  5分为非常满意！

葡萄城控件服务团队

官方网站: http://www.gcpowertools.com.cn
回复 使用道具 举报
yaochenglong
高级会员   /  发表于：2015-10-21 16:33:00
17#
点击留房按钮之后弹出一个消息框就应该玩了，但是现在点击留房之后，弹出一个alert(）,点击确定之后，当前页面就刷新了，并且url发生了改变！这个不是我要看到的结果！
回复 使用道具 举报
yaochenglong
高级会员   /  发表于：2015-10-21 17:01:00
18#
你好，Alice，完整的代码如下：

  2.      var editBookRoomFlexGrid = undefined;
  3.     var editBookRoomView = undefined;
  4.         //var checkId=$("#viewId").val();
  5.         if(typeof addBookRoomFlexGrid!="undefined"){
  6.                 addBookRoomFlexGrid.dispose();
  7.                 addBookRoomFlexGrid = undefined;
  8.         }
  9.         $("#isEdit").val("true");
  10.         $("#checkId").val(checkId);
  11.         var url=path+"/bookroom/view.do";
  12.         //加载表单数据
  13.         $.ajax({
  14.                    type: "POST",
  15.                    url: url,
  16.                    data: {checkId:checkId},
  17.                    dataType:"json",
  18.                    success: function(obj){
  19.                             obj.bookTime=new Date(obj.bookTime).format("yyyy-MM-dd hh:mm");
  20.                                 obj.reachDate=new Date(obj.reachDate).format("yyyy-MM-dd");
  21.                                 obj.reachtime=new Date(obj.reachDate).format("yyyy-MM-dd hh:mm:ss").substring(11,16);
  22.                                 obj.leaveDate=new Date(obj.leaveDate).format("yyyy-MM-dd");
  23.                                 obj.confirmDate=new Date(obj.confirmDate).format("yyyy-MM-dd");
  24.                                 //setForm("skyd",obj);
  25.                                 setJSONToForm($("#skyd"),obj);
  26.                                 objArray=obj;  
  27.                    }
  28.         });
  29.        
  30.         //打开预定弹出
  31.         $(".orderDetailsDiv").fadeIn();
  32.         $(".alertDivBg").fadeIn();
  33.         //加载预定列表数据       
  34.         //bookDiaryGrid(checkId);
  35.         //------加载详情页中的bookRoom的FlexGrid----------
  36.        
  37.         //var path=$("#path").val();
  38.         if(checkId!=""){
  39.                 var url=path+"/bookroom/retain.do?checkId="+checkId;
  40.                 $.ajax({
  41.                            type: "POST",
  42.                            url: url,
  43.                            data: "checkId="+checkId,
  44.                            dataType:"json",
  45.                            success: function(msg){
  46.                                    if(msg.success){
  47.                                            var editIndex = -1;
  48.                                            var data = msg.obj;
  49.                                            if(data!=""&amp;&amp;data.length>0){
  50.                                                          var array_book=[];
  51.                                              ///////  FlexGird    ///////
  52.                                              editBookRoomView = new wijmo.collections.CollectionView(data);
  53.                                              editBookRoomFlexGrid = new wijmo.grid.FlexGrid('#div_bookRoom', {
  54.                                                       autoGenerateColumns: false,
  55.                                                       selectionMode : wijmo.grid.SelectionMode.Row,
  56.                                                          allowAddNew:true,
  57.                                                        columns: [
  58.                                                     { header: '主键',binding:"id", width:50,isReadOnly:true,visible:false},      
  59.                                                     //{ header: '序号', width:50,isReadOnly:true},
  60.                                                     { header: '房类',binding:"roomtypeId",width:'*' },
  61.                                                     { header: '订房数', binding:"bookNum",width:'*' },
  62.                                                     { header: '留房数', binding:"saveNum",width:'*'},
  63.                                                     { header: '抵店日期',binding:"reachDate", format:'yyyy-MM-dd', width:'*'},
  64.                                                     { header: '离店日期',binding:"leaveDate", format:'yyyy-MM-dd',width:'*'},
  65.                                                     { header: '抵店时间', width:'*'},
  66.                                                     { header: '房价',binding:"roomPrice", width:'*'},
  67.                                                     { header: '抵达数',binding:"reachNum", width:'*'},
  68.                                                     { header: '操作',name: "buttons",width:'*'},
  69.                                                 ],       
  70.                                                  itemsSource: editBookRoomView,
  71.                                              });
  72.                                            
  73.                                              editBookRoomFlexGrid.itemFormatter = function(panel, r, c, cell){
  74.                                                      if (panel.cellType == wijmo.grid.CellType.Cell) {
  75.                                                              var col = panel.columns[c],
  76.                                                      html = cell.innerHTML;
  77.                                                              if (r == editIndex) {
  78.                                                          /*switch (col.name) {
  79.                                                              case 'buttons':
  80.                                                                  html = '<div>' +
  81.                                                                         '&amp;nbsp;&amp;nbsp;' +
  82.                                                                         '<button class="btn btn-primary btn-sm" onclick="commitRow(' + r + ')">' +
  83.                                                                             '<span class="glyphicon glyphicon-ok"></span> OK' +
  84.                                                                         '</button>' +
  85.                                                                     '</div>';
  86.                                                                  break;
  87.                                                              case 'date':
  88.                                                                      break;
  89.                                                          }*/
  90.                                                      } else {
  91.                                                          switch (col.name) {
  92.                                                              case 'buttons':
  93.                                                                  cell.style.padding = '3px';
  94.                                                                  html = '<div>' +
  95.                                                                         '&amp;nbsp;&amp;nbsp;' +
  96.                                                                         '<button ">' +
  97.                                                                             '留房123' +
  98.                                                                         '</button>' +
  99.                                                                     '</div>';
  100.                                                                  break;
  101.                                                          }
  102.                                                      }
  103.                                                              
  104.                                                              if (html != cell.innerHTML) {
  105.                                                          cell.innerHTML = html;
  106.                                                          cell.style.padding = '3px';
  107.                                                      }
  108.                                                              
  109.                                                      }
  110.                                              };
  111.                                             editBookRoomView.trackChanges = true;
  112.                                             var col = editBookRoomFlexGrid.columns.getColumn('roomtypeId');
  113.                                                         col.dataMap = new wijmo.grid.DataMap(msg.attributes.roomTypeList, 'codeId', 'codeNamec');
  114.                                                 }
  115.                                    }
  116.                            }
  117.                 });
  118.        
  119.         }else{
  120.                 alert("加载默认列表");
  121.                
  122.         }
  123.        
复制代码
回复 使用道具 举报
Alice
社区贡献组   /  发表于：2015-10-21 18:14:00
19#
回复 18楼yaochenglong的帖子

谢谢提供的代码，测试后给你反馈。
请点击评分，对我的服务做出评价！  5分为非常满意！

葡萄城控件服务团队

官方网站: http://www.gcpowertools.com.cn
回复 使用道具 举报
Alice
社区贡献组   /  发表于：2015-10-22 09:03:00
20#
回复 18楼yaochenglong的帖子

很抱歉你的代码我运行不了演示。
请将您的代码在14楼的基础上，模拟成可以重现问题的代码，提供给我们。或是提供可以直接运行演示的代码，调试代码需要。谢谢。
请点击评分，对我的服务做出评价！  5分为非常满意！

葡萄城控件服务团队

官方网站: http://www.gcpowertools.com.cn
回复 使用道具 举报
下一页 »
123下一页
高级模式
B Color Image Link Quote Code Smilies
您需要登录后才可以回帖 登录 | 立即注册
产品与服务
活字格低代码平台
Wyn 商业智能软件
SpreadJS纯前端表格控件
技术服务体系
技术博客
低代码技术
客户与案例
典型客户
成功案例
用户访谈
合作与生态
合作伙伴网络
葡萄城市场
葡萄城与国产化
活字格用友客开工具
品牌活动
葡萄城公开课
品牌战略发布会
赋能开发者高峰论坛
企业级低代码发展研讨会
企业级低代码应用大赛
表格技术研讨会
了解葡萄城
葡萄城简介
愿景使命
研发与创新
荣誉奖项
加入我们
联系方式
联系我们
400-657-6008

葡萄城社区二维码

关注“葡萄城社区”

赋能开发者

西安葡萄城软件有限公司
专业的软件开发技术和低代码平台提供商

陕ICP备2020018819号  |   陕公网安备：61019002000258  |   隐私政策  |   网站地图  

邮箱： info.xa@grapecity.com  |  © 2024 葡萄城软件，保留所有权利

Archiver| 手机版| 小黑屋|

返回顶部