jQuery MiniUI

标题: SpringMVC可以和miniUI相兼容么？url地址如何写？不用jsp可以么 [打印本页]

作者: leyouyou@fang 时间: 2015-4-1 10:34:01 标题: SpringMVC可以和miniUI相兼容么？url地址如何写？不用jsp可以么

比如
<div id="datagrid1" class="mini-datagrid" style="width:100%;height:auto;"
      url="http://10.0.62.22:8080/plan/query"  idField="id" allowResize="true" borderStyle="border-left:0;border-right:0;"
      showEmptyText="true"  allowCellEdit="true" allowCellSelect="true" multiSelect="true"
      editNextOnEnterKey="true"  editNextRowCell="true" pageSize="5"
>

下面是java文件
@RequestMapping(value="/query", method=RequestMethod.POST)
public @ResponseBody PageDTO planQuery(TPlan planDTO,  int page, int rows ) {
logger.info("============保险计划基本信息分页查询============");
//根据用户确定管理机构，对显示信息进行筛选 add by zouxiaohui 2014-09-24
String username = (String)SecurityUtils.getSubject().getPrincipal() ;
TUser user = userQueryService.selectByUserName(username);
planDTO.setManagecom(user.getOrgId());

//封装搜索引擎参数
PageDTO pageDTO = new PageDTO();
pageDTO.setParameters(planDTO);
pageDTO.setPageNumber(page);
pageDTO.setPageSize(rows);

//查询保单信息
pageDTO.setRows(planNewQueryService.selectByPageDTO(pageDTO));
pageDTO.setTotal(planNewQueryService.selectTotalByPageDTO(pageDTO));

return pageDTO;
}[attach]5975[/attach][attach]5974[/attach]

作者: felt 时间: 2015-4-1 11:18:36

http://miniui.com/bbs/forum.php? ... &extra=page%3D1
参考这个帖子，里面有例子下载的

作者: leyouyou@fang 时间: 2015-4-1 15:46:58

felt 发表于 2015-4-1 11:18
http://miniui.com/bbs/forum.php?mod=viewthread&tid=27527&extra=page%3D1
参考这个帖子，里面有例子下载 ...

可是我做的是javaweb项目，不是.net啊？看这个可以么？

作者: leyouyou@fang 时间: 2015-4-1 16:13:29

本帖最后由 leyouyou@fang 于 2015-4-1 16:26 编辑

leyouyou@fang 发表于 2015-4-1 15:46
可是我做的是javaweb项目，不是.net啊？看这个可以么？

就是目前我这边做的是java项目，在eclipse上开发，使用的是SPringMVC+Mybatis,前台页面框架使用的是easyUI,项目已开发完成，但客户现在要求我们前台页面使用miniUI,目前正在研究，可是对于这个url地址，到底怎么写，不太会。求教比如目前easyUI使用的是jsp写的，js中对应写着url地址是url: $("#ctx").val() + '/plan/query',下面附件是easyUI写的页面加js
[attach]5980[/attach][attach]5979[/attach][attach]5978[/attach]

作者: felt 时间: 2015-4-1 16:41:21

leyouyou@fang 发表于 2015-4-1 16:13
就是目前我这边做的是java项目，在eclipse上开发，使用的是SPringMVC+Mybatis,前台页面框架使用的是easyUI ...

http://miniui.com/bbs/forum.php? ... &extra=page%3D1
创建miniui控件看下这个
MiniUI支持标签开发，你可以直接写html标签实现，这是我们主要的实现方式
当然也可以js创建，比如一个datagrid
var grid = new mini.DataGrid();
var url=.....................;
grid.setUrl(url);
grid.render(document.body);

作者: dforce 时间: 2015-4-2 10:40:17

leyouyou@fang 发表于 2015-4-1 16:13
就是目前我这边做的是java项目，在eclipse上开发，使用的是SPringMVC+Mybatis,前台页面框架使用的是easyUI ...

1.  可以参考一下springMvc和ajax交互的资料，MiniUI也是通过ajax和后台交互，本质上是一致的
http://blog.csdn.net/yangtang_newton/article/details/7525800
http://liuzidong.iteye.com/blog/1069343
http://blog.csdn.net/yangtang_newton/article/details/7525800

2.  Springmvc和ajax和普通的ajax相比就是多了几个参数
  $.ajax({
         ....
         type:"post",
         dataType:"JSON",
         contentType:"application/json",
})

3.  在miniui中可以这样处理
HTML：<div class="mini-datagrid" ajaxOptions="{dataType:'json', contentType:'application/json'}"
或JS： datagrid.setAjaxOptions({dataType:'json', contentType:'application/json'})

4.  后续我们会做个springMvc和MiniUI交互的例子，便于客户参考

作者: leyouyou@fang 时间: 2015-4-3 15:48:33

dforce 发表于 2015-4-2 10:40
1 可以参考一下springMvc和ajax交互的资料，MiniUI也是通过ajax和后台交互，本质上是一致的
http://blog. ...

希望尽快写个交互例子，方便一下大家

作者: leyouyou@fang 时间: 2015-4-3 16:34:13

leyouyou@fang 发表于 2015-4-3 15:48
希望尽快写个交互例子，方便一下大家

像这样如何获取初始化加载后台数据库数据,有没有具体的实际例子供参考，感觉不知如何下手

作者: leyouyou@fang 时间: 2015-4-3 17:30:10

felt 发表于 2015-4-1 16:41
http://miniui.com/bbs/forum.php?mod=viewthread&tid=20&extra=page%3D1
创建miniui控件看下这个
MiniUI ...

可以你这set的是一个具体的jsp页面，我这边是想知道如何调用java文件的具体实现方法，比如要根据计划编码(planId)查询计划相关信息，该实现方法写在具体的java文件里的某个方法里面，方法名为selectInfoByPlanId(),带参，前台页面如何调用这个方法，就是具体的url地址怎么写？

<div id="datagrid1" class="mini-datagrid" style="width:100%;height:auto;"
      url="    "  idField="id" allowResize="true" ondrawcell="ondrawcell" borderStyle="border-left:0;border-right:0;"
      showEmptyText="true"  allowCellEdit="true" allowCellSelect="true" multiSelect="true"
      editNextOnEnterKey="true"  editNextRowCell="true" pageSize="5"
>
      <div property="columns">
         <div type="indexcolumn" >编码</div>
         <div type="checkcolumn"></div>
         <div field="planCode" width="60" headerAlign="center" allowSort="true">计划编码</div>
         <div field="name" width="60" headerAlign="center" allowSort="true">计划名称</div>
         <div field="cardType" width="60" headerAlign="center" allowSort="true">单证类型</div>
         <div field="insurePeriod" width="60" headerAlign="center" allowSort="true">保险期间</div>
         <div field="minStartDay" width="60" headerAlign="center" allowSort="true">起期开始</div>
         <div field="maxStartDay" width="60" headerAlign="center" allowSort="true">起期截止</div>
         <div field="essTplId" width="60" headerAlign="center" allowSort="true">电子模板</div>
         <div field="printTplId" width="60" headerAlign="center" allowSort="true">打印模板</div>
         <div field="smsTplId" width="60" headerAlign="center" allowSort="true">短信模板</div>
         <div field="state" width="60" headerAlign="center" allowSort="true">状态</div>
</div>
      </div>
</div>

作者: leyouyou@fang 时间: 2015-4-3 17:30:47

felt 发表于 2015-4-1 16:41
http://miniui.com/bbs/forum.php?mod=viewthread&tid=20&extra=page%3D1
创建miniui控件看下这个
MiniUI ...

作者: leyouyou@fang 时间: 2015-4-3 17:31:20

felt 发表于 2015-4-1 16:41
http://miniui.com/bbs/forum.php?mod=viewthread&tid=20&extra=page%3D1
创建miniui控件看下这个
MiniUI ...

作者: felt 时间: 2015-4-7 16:43:58

leyouyou@fang 发表于 2015-4-3 17:31
可以你这set的是一个具体的jsp页面，我这边是想知道如何调用java文件的具体实现方法，比如要根据计划编码 ...

url指向返回数据的地址
grid.load({key1:value1,key2:value2})可以传递参数

作者: leyouyou@fang 时间: 2015-4-7 16:57:29

felt 发表于 2015-4-7 16:43
url指向返回数据的地址
grid.load({key1:value1,key2:value2})可以传递参数

能说的更具体点么？或者举个例子说明？

作者: felt 时间: 2015-4-7 17:33:06

leyouyou@fang 发表于 2015-4-7 16:57
能说的更具体点么？或者举个例子说明？

例子我同事在处理，明天可以给到你

作者: leyouyou@fang 时间: 2015-4-7 22:16:19

felt 发表于 2015-4-7 17:33
例子我同事在处理，明天可以给到你

好的，谢谢！

作者: leyouyou@fang 时间: 2015-4-9 14:35:11

felt 发表于 2015-4-7 17:33
例子我同事在处理，明天可以给到你

说好的例子呢？

作者: dforce 时间: 2015-4-9 15:39:36

leyouyou@fang 发表于 2015-4-9 14:35
说好的例子呢？

[attach]6009[/attach]

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