加载中…
个人资料
  • 博客等级:
  • 博客积分:
  • 博客访问:
  • 关注人气:
  • 获赠金笔:0支
  • 赠出金笔:0支
  • 荣誉徽章:
正文 字体大小:

JavaScript Table表格循环操作:排班表修改

(2017-02-22 11:46:11)
标签:

排班表

table

for循环

分类: HTML JS JQuery
(script)
      //列(日期) 修改一列  //  classid-129-2016-07-15 // 129-2016-07-15
      function cos_change(name,cid,start,end,color){ // date = 2016-07-15
            var table =document.getElementByIdx_x("pb-tab");
            var rows = table.rows.length;
            var date = document.getElementByIdx_x('date').value;
            for(var i = 1;i
                var tr = document.getElementsByTagName_r('tr')[i];
                var uid = tr.id;
                document.getElementByIdx_x("classname"+'-'+uid+'-'+date).value = name;
                document.getElementByIdx_x("classid"+'-'+uid+'-'+date).value = cid;
                document.getElementByIdx_x("start"+'-'+uid+'-'+date).value = start;
                document.getElementByIdx_x("end"+'-'+uid+'-'+date).value = end;
                document.getElementByIdx_x(uid+'-'+date).style.background=color;
                document.getElementByIdx_x(uid+'-'+date).innerHTML =name;
            }
            $("#sbg").show();
      }
      //行(人员) 修改一行 //  classid-129-2016-07-15 // 129-2016-07-15
      function row_change(name,cid,start,end,color){ // uid = 129
            var table =document.getElementByIdx_x("pb-tab");
            var colums = table.rows[0].cells.length;
            var uid = document.getElementByIdx_x('uid').value;
            for(var i=1;i
                var th = document.getElementsByTagName_r('th')[i];
                var date = th.id;
                document.getElementByIdx_x("classname"+'-'+uid+'-'+date).value = name;
                document.getElementByIdx_x("classid"+'-'+uid+'-'+date).value = cid;
                document.getElementByIdx_x("start"+'-'+uid+'-'+date).value = start;
                document.getElementByIdx_x("end"+'-'+uid+'-'+date).value = end;
                document.getElementByIdx_x(uid+'-'+date).style.background=color;
                document.getElementByIdx_x(uid+'-'+date).innerHTML =name;
            
            $("#sbg").show();
      }
      //保存
      function save(){
            var id = document.getElementByIdx_x("gid").value;
            var type = document.getElementByIdx_x("type").value;
            var rules = '';
            var table =document.getElementByIdx_x("pb-tab");
            var colums = table.rows[0].cells.length; //列数
            var rows = table.rows.length; //行数
            for(var i=1;i
                var tr = document.getElementsByTagName_r('tr')[i];
                var uid = tr.id;
                var username = document.getElementByIdx_x('username-'+uid).value;
                var realname = document.getElementByIdx_x('realname-'+uid).value;
                var nickname = document.getElementByIdx_x('nickname-'+uid).value;
                var userid = document.getElementByIdx_x('uid-'+uid).value;
                rules += username + ',' + realname + ',' + nickname + ',' + userid + '{';
                for(var m=1;m
                      var th = document.getElementsByTagName_r('th')[m];
                      var date = th.id;
                      var classid = document.getElementByIdx_x("classid"+'-'+uid+'-'+date).value;
                      var classname = document.getElementByIdx_x("classname"+'-'+uid+'-'+date).value;
                      var start = document.getElementByIdx_x("start"+'-'+uid+'-'+date).value;
                      var end = document.getElementByIdx_x("end"+'-'+uid+'-'+date).value;
                      var dateday = document.getElementByIdx_x("date"+'-'+uid+'-'+date).value;
                      if(classid != 'xxx'){
                          rules += classid + ',' + classname + ',' + start + ',' + end + ',' + dateday + ',';
                      }
                  }
                  rules += '{';
              }
              $.post("上传URL",{id:id,rules:rules},function(data){
                  if(data.status == 1){
                        // 成功操作                   
                  }else{
                        // 错误操作   
                  }
              });
          }
(/script)

(body)
      (table)
            (tr)
                (th)姓名(/th)
                (th)1日(/th)
                (th)2日(/th)
                (th)3日(/th)
                (th)4日(/th)
                ... ...
            (/tr)
            (tr)
                (td)
                      (button class="nbtn" onclick="row_show('{$r.uid}')")
                              (p){$r.realname}(/p)
                              (div class="jiao-biao-2")(/div)
                              (input type="hidden" id="username-{$r.uid}" value="{$r.username}")
                              (input type="hidden" id="uid-{$r.uid}" value="{$r.uid}")
                              (input type="hidden" id="realname-{$r.uid}" value="{$r.realname}")
                              (input type="hidden" id="nickname-{$r.uid}" value="{$r.nickname}")
                              (input type="hidden" id="" value="">
                        (/button)
                (/td)
                ... ...
            (/tr)
      (/table)
(/body)

 // 截图
http://s16/mw690/002WCqx7zy78YL8IC6P7f&690Table表格循环操作:排班表修改" TITLE="JavaScript Table表格循环操作:排班表修改" />
http://s15/mw690/002WCqx7zy78YLa2Db8fe&690Table表格循环操作:排班表修改" TITLE="JavaScript Table表格循环操作:排班表修改" />

0

阅读 收藏 喜欢 打印举报/Report
  

新浪BLOG意见反馈留言板 欢迎批评指正

新浪简介 | About Sina | 广告服务 | 联系我们 | 招聘信息 | 网站律师 | SINA English | 产品答疑

新浪公司 版权所有