js实现按钮添加和删除tr

2021-05-04 02:27

阅读:435

标签:return   http   字符   sele   png   har   ext   pad   chcon   

截图

技术图片

 

 前端代码

 form name="form1" method="post" action="pMmEquipMent2!saveMmEqiup.action" id="form1">
    s:hidden key="vo.id"/>
    s:hidden key="vo.dock">s:hidden>
     s:hidden key="act"/>
    div>
        table cellpadding="0" border="0" cellspacing="0" class="edittable" id="table1">
            tbody id="tbody">
                
            tbody>
        table>
        br />
        input type="button" value="增加" onclick="f_addTr()">input>
    div> 
    form>

 

 

 

//添加tr
         function f_addTr(){ 
             var allTr = $("#table1 tbody tr");
             if(allTr && allTr.length != 0 && allTr != null && allTr != ""){
                 var addEquip = $("tr:last:").children(‘td‘).eq(1).find("input[name=equipmentIds]");
                 var equipmentId = $(addEquip).val();
                     if(!equipmentId || equipmentId null || equipmentId==""){
                         alert("设备有空值请先选择");
                         return;
                  }
             }
                var html = ‘‘ 
                /* +‘设备类型:‘
                +‘
  ‘ */
                +‘设备:‘
                +‘
  ‘
                +‘位号:‘
                +‘

‘
                +‘  
‘
                +‘‘
              $("#tbody").append(html);
              //f_addSelect();
              f_addEquip();
          } 

 

//设备autocomplete自动完成
          function f_addEquip(){
              //debugger;
              //var tr = 
              //最后一个tr的设备js参数
              var equipAlias = $("tr:last:").children(‘td‘).eq(1).find("input[name=equipNames]");
             //var tr = $(obj).parent().parent();
              //var equipAlias = tr.children("td").eq(1).find("input[name=equipNames]");
              //最后一个tr的位号js参数
             var tags = $("tr:last:").children("td").eq(3).find("input[name=tags]");
             var tagIds = $("tr:last:").children("td").eq(3).find("input[name=tagIds]");
             var equipmentIds = $("tr:last:").children("td").eq(1).find("input[name=equipmentIds]");
            // $(".equipAlias").flushCache();
             $(equipAlias).val("");
             $(equipmentIds).val("");
             $(tags).val("");
             $(tagIds).val("");
             $(equipAlias).flushCache();
             $(tags).flushCache();
             $(equipAlias).autocomplete("${ctx}/mm/pMmEquipMent2!findEquipAlias.action",{
                    max: 30,                //列表里的条目数
                    minChars: 0,            //自动完成激活之前填入的最小字符
                    width: 260,             //提示的宽度,溢出隐藏
                    scrollHeight: 300,      //提示的高度,溢出显示滚动条
                    matchContains: true,    //包含匹配,就是data参数里的数据,是否只要包含文本框里的数据就显示
                    autoFill: false,        //自动填充
                    mustMatch:true,         //true:只会允许匹配的结果出现在输入框,默认为false
                    dataType: "json",
                    multiple: false,     //是否多个值(“,”隔开)
                    matchSubset:true,
                    extraParams: {
                        //equipTypeId: function(){return $(obj).val();},
                        equipAlias: function(){ return encodeURIComponent($(equipAlias).val()); }
                    },
                    parse: function(data) {
                        var datas = new Array();
                        if(data !=null && data.length > 0){
                            $.each(data, function(i,item) {
                                var _data = {
                                        data:item,
                                        value:item.name,
                                        result:item.name
                                }
                                datas.push(_data);
                            })
                        }
                        return datas;
                    },
                    formatItem: function(row, i, max) {
                        return row.name;
                    },
                    formatResult: function(row) {
                        return row.name;
                    }
                    
                 }).result(function(e, item, value) {
                     //var equipmentIds = tr.children("td").eq(3).find("input[name=equipmentIds]");
                     $(equipmentIds).val(item.id);
                     f_selectTags(tags, tagIds, item.id);
                });
        }

 

//删除对应tr
          function deleteTr(obj){
             $(obj).parent().parent().parent()[0].removeChild($(obj).parent().parent()[0]);
          }

 

 

  

js实现按钮添加和删除tr

标签:return   http   字符   sele   png   har   ext   pad   chcon   

原文地址:https://www.cnblogs.com/hnzkljq/p/12117909.html


评论


亲,登录后才可以留言!