jQuery MiniUI

 找回密码
 立即注册
查看: 4337|回复: 3
打印 上一主题 下一主题

关于miniui样式的问题 [复制链接]

Rank: 1

跳转到指定楼层
楼主
发表于 2015-7-10 10:36:54 |只看该作者 |倒序浏览
我使用的是miniui中的弹出式编辑面板的ui,在线示例的表格如下图

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


图中的红色边框是问题处,可以看到两个蓝色标记的地方与在线示例中的相同位置相比,多了一行和一列,请大神来帮忙看看如何解决问题~~~
附件: 你需要登录才可以下载或查看附件。没有帐号?立即注册

Rank: 8Rank: 8

沙发
发表于 2015-7-10 10:46:18 |只看该作者
请提供你这个页面
回复高级模式可以上传文件

Rank: 1

板凳
发表于 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"/><!-- 名牌明细是否可编辑:0-不可;1-可以 --></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;
}


Rank: 1

地板
发表于 2015-7-10 17:37:26 |只看该作者
felt 发表于 2015-7-10 10:46
请提供你这个页面
回复高级模式可以上传文件

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

Archiver|普加软件

GMT+8, 2025-7-24 00:45 , Processed in 1.044903 second(s), 10 queries .

Powered by Discuz! X2

© 2001-2011 Comsenz Inc.

回顶部