jQuery MiniUI

标题: 请教下bootstrap风格的layout如何设计 [打印本页]

作者: superglg738 时间: 2016-6-7 17:00:35 标题: 请教下bootstrap风格的layout如何设计

初识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>

。。。。

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

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

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

作者: dforce 时间: 2016-6-7 17:15:32

请参考我们皮肤的样式文件，需要修改css来实现其他效果，不能直接设置
我们的控件都是复杂的html结构，具体请用浏览器工具看我们控件解析完成后的html结构

作者: superglg738 时间: 2016-6-7 17:50:53

灰常感谢您的答复。

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

谢谢

作者: superglg738 时间: 2016-6-7 17:56:28

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

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

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

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

作者: felt 时间: 2016-6-8 09:24:28

superglg738 发表于 2016-6-7 17:56
补充下。就是combox等的设置，

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

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

作者: superglg738 时间: 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后面是怎么调用的

谢谢

作者: felt 时间: 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:""
})

作者: superglg738 时间: 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这个加参数没有问题

作者: felt 时间: 2016-6-8 16:47:54

superglg738 发表于 2016-6-8 11:52
非常感谢。

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

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

作者: superglg738 时间: 2016-6-8 17:08:18

felt 发表于 2016-6-8 16:47
有ajaxData={a:"",b:""}可以传递

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

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

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

作者: felt 时间: 2016-6-8 17:25:48

superglg738 发表于 2016-6-8 17:08
测试了，的确可以。非常感谢。

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

不常用的API没有说明，ajax-options={}可以放入多个ajax参数

欢迎光临 jQuery MiniUI (http://miniui.com/discuss/)