jQuery MiniUI

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

请教下bootstrap风格的layout如何设计 [复制链接]

Rank: 1

跳转到指定楼层
楼主
发表于 2016-6-7 17:00:35 |只看该作者 |倒序浏览
初识miniUI,想试用下。
页面导入了bootstrap.css,但是在设计layout时

<div id="layout1" class="mini-layout fitscreen" borderStyle="border:solid 1px #aaa;">
    <div title="面板标题" region="north" class="mini-panel-primary" height="250" id="north"  >
       <script type="text/javascript">
              //MiniGrid.init(7813,{});   
       </script>
       <!--<div title="面板标题" class="mini-panel mini-panel-primary" style="width:100%;height:100%;"  height="250" id="north"  ></div>-->
    </div>

。。。。

mini-panel-primary 是不起作用的。

我想将layout region各个区域的panel都改成bootstrap风格的panel 这应该如何设置?


另外想问下,这个html的写法有类似gatagrid的javascript的写法吗?

Rank: 8Rank: 8

沙发
发表于 2016-6-7 17:15:32 |只看该作者
请参考我们皮肤的样式文件,需要修改css来实现其他效果,不能直接设置
我们的控件都是复杂的html结构,具体请用浏览器工具看我们控件解析完成后的html结构

Rank: 1

板凳
发表于 2016-6-7 17:50:53 |只看该作者
灰常感谢您的答复。

再问一个问题:
miniui post后台 用的是form data 方式,可以改request payload吗? 有案例参考不?

谢谢

Rank: 1

地板
发表于 2016-6-7 17:56:28 |只看该作者
dforce 发表于 2016-6-7 17:15
请参考我们皮肤的样式文件,需要修改css来实现其他效果,不能直接设置
我们的控件都是复杂的html结构,具体 ...

补充下。 就是combox等的设置,

初步的想法是后台查询就是一个通用方法,根据不同的脚本来返回结果,有时候脚本会比较复杂,并且是多个参数,想用request layload 的json传参方式。

主要是你们的mini.js太混淆了,根本没法看,不然还可以看看mini.js 是如何访问的。也好修改或调整

Rank: 8Rank: 8

5#
发表于 2016-6-8 09:24:28 |只看该作者
superglg738 发表于 2016-6-7 17:56
补充下。 就是combox等的设置,

初步的想法是后台查询就是一个通用方法,根据不同的脚本来返回结果,有 ...

MiniUI内部用的是jquery的ajax进行交互

Rank: 1

6#
发表于 2016-6-8 10:14:31 |只看该作者
felt 发表于 2016-6-8 09:24
MiniUI内部用的是jquery的ajax进行交互

我知道用的是ajax的交互。 但是 jquery的ajax交互有好几种,一种最简单的就是 地址带参数,form data ,还有用reques layload 发送json格式的交互数据。

<input id="combo1" class="mini-combobox" style="width:150px;" textField="text" valueField="id" emptyText="请选择..."
    url="../data/countrys.txt" value="cn"  required="true" allowInput="true" showNullItem="true" nullItemText="请选择..."/>

    <div id="datagrid1" class="mini-datagrid" style="width:800px;height:280px;" allowResize="true"
        url="../data/AjaxService.aspx?method=SearchEmployees"  idField="id" multiSelect="true"
    >

combox datagrid 的url ajax调用我想穿的json参数。 想知道如何写。 因为看不到mini.js后面是怎么调用的

谢谢

Rank: 8Rank: 8

7#
发表于 2016-6-8 11:15:59 |只看该作者
superglg738 发表于 2016-6-8 10:14
我知道用的是ajax的交互。 但是 jquery的ajax交互有好几种,一种最简单的就是 地址带参数,form data , ...

combobox可以直接写在url上
datagrid有load方法传递
grid.load({
   a:"",b:""
})

Rank: 1

8#
发表于 2016-6-8 11:52:45 |只看该作者
felt 发表于 2016-6-8 11:15
combobox可以直接写在url上
datagrid有load方法传递
grid.load({

非常感谢。

实际上我想要的不只是传递下面4个参数
pageIndex
pageSize
sortField
sortOrder

至少能自定义传递参数, grid.load这个加参数没有问题

Rank: 8Rank: 8

9#
发表于 2016-6-8 16:47:54 |只看该作者
superglg738 发表于 2016-6-8 11:52
非常感谢。

实际上我想要的不只是传递下面4个参数

有ajaxData={a:"",b:""}可以传递

Rank: 1

10#
发表于 2016-6-8 17:08:18 |只看该作者
felt 发表于 2016-6-8 16:47
有ajaxData={a:"",b:""}可以传递

测试了,的确可以。非常感谢。

另外咨询下,类似这种属性说明,好像api文档中都没有看到哦。

可以看那些示例或api文档吗?

Archiver|普加软件

GMT+8, 2024-11-15 16:49 , Processed in 1.045383 second(s), 9 queries .

Powered by Discuz! X2

© 2001-2011 Comsenz Inc.

回顶部