jQuery MiniUI

标题: 关于miniui样式的问题 [打印本页]

作者: lk769846054 时间: 2015-7-10 10:36:54 标题: 关于miniui样式的问题

我使用的是miniui中的弹出式编辑面板的ui，在线示例的表格如下图[attach]6330[/attach]

引用了boot.js文件，然后做出来的界面如下图

[attach]6331[/attach]
图中的红色边框是问题处，可以看到两个蓝色标记的地方与在线示例中的相同位置相比，多了一行和一列，请大神来帮忙看看如何解决问题~~~

作者: felt 时间: 2015-7-10 10:46:18

请提供你这个页面
回复高级模式可以上传文件

作者: lk769846054 时间: 2015-7-10 17:34:55

felt 发表于 2015-7-10 10:46
请提供你这个页面
回复高级模式可以上传文件

$obj_id__title$obj_id__control
$sqr_id__title$sqr_id__control
$sqdzt__title$sqdzt__control
$spr_id__title$spr_id__control
$areano__title$areano__control
$isdel__title$isdel__control
$createtime__title$createtime__control
$createuser__title$createuser__control

<TD align="right">$gnfq__title</TD>
<TD>$gnfq__control</TD>

<TD align="right">$acceptgnfq__title</TD>
<TD>$acceptgnfq__control</TD>
<TABLE class="tableStyle" transMode="false" footer="normal" cellSpacing=0 cellPadding=0 width="100%" align=center useColor="false" useHover="false" useClick="false">
  <TBODY>
<TR>
<TD align="right">$sjsbh__title</TD>
<TD>$sjsbh__control</TD>

<TD align="right">$sqdw_id__title</TD>
<TD>$sqdw_id__control</TD>

<TD align="right">$acceptcompany__title</TD>
<TD>$acceptcompany__control</TD>
</TR>

<TR>
<TD align="right">$fts__title</TD>
<TD>$fts__control</TD>

<TD align="right">$sqrmc__title</TD>
<TD>$sqrmc__control</TD>

<TD align="right">$sqrq__title</TD>
<TD>$sqrq__control</TD>
</TR>

<TR>
<TD align="right">$isnewequip__title</TD>
<TD>$isnewequip__control</TD>

<TD colSpan=4>&nbsp</TD>
</TR>

<TR>
<TD align="left">铭牌明细<input type="hidden" id="isedit" name="isedit" value="0"/></TD>
<TD colSpan=5>
<div style="width:100%;">
<div class="mini-toolbar" style="border-bottom:0;padding:0px;">
<table style="width:100%;">
<tr>
<td style="width:100%;">
<a class="mini-button" iconCls="icon-add">增加</a>
<a class="mini-button" iconCls="icon-add">编辑</a>
<a class="mini-button" iconCls="icon-remove">删除</a>
</td>
</tr>
</table>
</div>
</div>
<div id="datagrid1" class="mini-datagrid" style="width:100%;height:300px;" allowResize="true" url="" idField="id" multiSelect="false">
<div property="columns">
<div type="checkcolumn"></div>
<div field="bdz_id" width="20%" headerAlign="center" allowSort="true">厂站名称</div>
<div field="line" width="20%" headerAlign="center" allowSort="true">所属回路</div>
<div field="dydj" width="20%" headerAlign="center" allowSort="true">电压等级</div>
<div field="sblxmc" width="20%" headerAlign="center" allowSort="true">设备类型</div>
<div field="xsbmc" width="20%" headerAlign="center" allowSort="true">新设备名称</div>
</div>
</div>
</TD>
</TR>

<TR>
<TD align="right">$bz__title</TD>
<TD colSpan=5>$bz__control</TD>
</TR>

<TR>
<TD align="right">$sprmc__title</TD>
<TD>$sprmc__control</TD>

<TD colSpan=2>&nbsp</TD>

<TD align="right">$sprq__title</TD>
<TD>$sprq__control</TD>
</TR>

<TR>
<TD align="right">$spyj__title</TD>
<TD colSpan=5>$spyj__control</TD>
</TR>

<TR>
<TD align="right">$gdr__title</TD>
<TD>$gdr__control</TD>

<TD colSpan=2>&nbsp</TD>

<TD align="right">$gdsj__title</TD>
<TD>$gdsj__control</TD>
</TR>

</TBODY>
</TABLE>
<style>
.textAQ td input,.textAQ td select{
width:90%;
height: 90%;
}
</style>

======================================================

boot.js
__CreateJSPath = function (js) {
var scripts = document.getElementsByTagName("script");
var path = "";
for (var i = 0, l = scripts.length; i < l; i++) {
      var src = scripts.src;
      if (src.indexOf(js) != -1) {
         var ss = src.split(js);
         path = ss[0];
         break;
      }
}
var href = location.href;
href = href.split("#")[0];
href = href.split("?")[0];
var ss = href.split("/");
ss.length = ss.length - 1;
href = ss.join("/");
if (path.indexOf("https:") == -1 && path.indexOf("http:") == -1 && path.indexOf("file:") == -1 && path.indexOf("\/") != 0) {
      path = href + "/" + path;
}
return path;
}

var bootPATH = "/TBPWeb/";

//debugger
mini_debugger = true;

//miniui
document.write('<script src="' + bootPATH + 'miniui/miniui.js" type="text/javascript" ></sc' + 'ript>');
document.write('<link href="' + bootPATH + 'miniui/themes/default/miniui.css" rel="stylesheet" type="text/css" />');
document.write('<link href="' + bootPATH + 'miniui/themes/icons.css" rel="stylesheet" type="text/css" />');

//skin
var skin = getCookie("miniuiSkin");
if (skin) {
document.write('<link href="' + bootPATH + 'miniui/themes/' + skin + '/skin.css" rel="stylesheet" type="text/css" />');
}

////////////////////////////////////////////////////////////////////////////////////////
function getCookie(sName) {
var aCookie = document.cookie.split("; ");
var lastMatch = null;
for (var i = 0; i < aCookie.length; i++) {
      var aCrumb = aCookie.split("=");
      if (sName == aCrumb[0]) {
         lastMatch = aCrumb;
      }
}
if (lastMatch) {
      var v = lastMatch[1];
      if (v === undefined) return v;
      return unescape(v);
}
return null;
}

作者: lk769846054 时间: 2015-7-10 17:37:26

felt 发表于 2015-7-10 10:46
请提供你这个页面
回复高级模式可以上传文件

我把代码的一部分敲出来了，还有boot.js文件里的全部内容，我曾经把miniui中的div从html标签td中迁移到与tr同级，然后页面板式就没有问题了

欢迎光临 jQuery MiniUI (http://miniui.com/discuss/) Powered by Discuz! X2