关于 动态追加 Html 样式混乱的问题

randy

我 用了 mini-spinner 这个控件 并监控他的值改变的方法 来动态生成 后面的一些HTml !
我先将那一段 THML 代码拼装 好了 在追加的时候 用了 这个 方法：$("#addHtml").html(entry);
但是追加出来后的效果 就是样式 混乱了！ 不知道你们MiniUI 有没有封装什么追加的方法呢 ？

factory

添加的HTML是什么？miniui的HTML还是HTML原生的？

niko

动态插入html后，如果需要将html转换为miniui控件，需要：mini.parse();

randy

factory 发表于 2012-12-7 14:04
添加的HTML是什么？miniui的HTML还是HTML原生的？

插入的是miniUI Html 如果在添加的时候用的是$("#addhtml").appent(。。。) 进行动态追加miniUI Html miniUI 样式是不会出现 样式的错乱 ！但是会出现一个问题就是 每次都没法清空之前动态添加的Html 所以就要换成 .html（...） 的方法 进行每次都动态的替换生成 动态Html 代码 ，就会出现 miinUI 样式的错乱

randy

factory 发表于 2012-12-7 14:04
添加的HTML是什么？miniui的HTML还是HTML原生的？

插入的是miniUI Html 如果在添加的时候用的是$("#addhtml").appent(。。。) 进行动态追加miniUI Html miniUI 样式是不会出现 样式的错乱 ！但是会出现一个问题就是 每次都没法清空之前动态添加的Html 所以就要换成 .html（...） 的方法 进行每次都动态的替换生成 动态Html 代码 ，就会出现 miinUI 样式的错乱

randy

niko 发表于 2012-12-7 14:34
动态插入html后，如果需要将html转换为miniui控件，需要：mini.parse();

已经用了 你们miniUI 的那样渲染的 方法了 ！

randy

管理员 你们咋 不重视下这种情况呢？我将图 跟代码都贴出来给你们！希望你们能正视这个样式混乱的问题：<tr>....</tr>

<tr style="width:100%;border:10px solid #000000;" id="addHtml">
               <td><input  name="name1" textName="sectionTypeName1" class="mini-buttonedit" style="width:100%;"        /></td>
               <td style="width:150px;"><input name="latPos1" class="mini-spinner"  minValue="0" maxValue="3"/></td>
               <td style="width:150px;"><input name="longPosition1" class="mini-spinner"  minValue="0" maxValue="10"/></td>
               <td style="width:150px;"><input name="crossNumber1" class="mini-spinner"  minValue="0" maxValue="10"/></td>
               <td style="width:150px;"><input name="hangNumber1" class="mini-spinner"  minValue="0" maxValue="10"/></td>
            </tr>


<tr>....</tr>



function spinnerchage_Number(){
            var X_Obj = mini.get("hengxiangNumber");
            var Y_Obj = mini.get("zongxiangNumber");
            var allNumber=parseInt(X_Obj.getValue()*Y_Obj.getValue());
            alert("hangNumber"+allNumber);
            var ff = mini.get("hangNumber"+allNumber);
             var entry="";
            for(var i=1;i<allNumber;i++){
             entry+="<tr style='width:100%;border:10px solid #000000;'>"
             entry+="<td><input name='name'"+i+" class='mini-buttonedit' style='width:100%;' onbuttonclick='onButtonEdit'/></td>"
             entry+="<td style='width:150px;'><input name='latPos'"+i+" class='mini-spinner'  minValue='0' maxValue='10'/></td>"
             entry+=" <td style='width:150px;'><input name='longPosition'"+i+" class='mini-spinner'  minValue='0' maxValue='10'/></td>"
             entry+="<td style='width:150px;'><input name='crossNumber'"+i+" class='mini-spinner' minValue='0' maxValue='10'/></td>"
             entry+=" <td style='width:150px;'><input id='hangNumber'"+i+" name='hangNumber'"+i+" class='mini-spinner' minValue='0' maxValue='10'/></td>"
             entry+="</tr>"
              }
             $("#addHtml").html(entry);
               mini.parse();
         }

randy

下面的 一个图 是 用了 js 的  $("#addHtml").apent(entry); 的方法  但是 会出现没法每次都将旧的那些<tr> 删除掉  

randy

这个问题 一直都没有解决 ！很痛苦啊.......

factory

randy 发表于 2012-12-11 16:51
这个问题 一直都没有解决 ！很痛苦啊.......

你最好把你的页面打包上传一下，这样真的很难看。
table布局，我看你的一张图，是不是你的table的td的宽度没设置好啊，右边部分都被挤错位了