jfinal 和bjui 常用前后交互方式

bjui 常用前后交互方式

1，form表单的data-toggle不同属性使用场景

**************************************

页面使用form提交数据如果直接使用原始form表单提交则会发生跳出框架的情况，要加上 ajaxform 属性才能正常

data-toggle="ajaxform" ajax异步提交数据，才可以使用bjuirender.closecurrent

**************************************

data-toggle="validate"输入框非空校验

**************************************

data-toggle="ajaxsearch"用于搜索时实现ajax局部刷新

如下，点击搜索会局部刷新页面下面的div

</form>

搜索结果

data-toggle=""

**************************************

2,同一页面不同按钮请求不同方法实现局部刷新（类似方法多几个data-toggle="autoajaxload"的div实现同一页面分不同模块，每个模块对应不同的方法render的不同页面）

关键点 1》：内容div 属性要包含：

1，data-url="${BASE_PATH}/admin/account/userDetail" （默认加载的请求地址）

2，data-toggle="autoajaxload" （表示默认自动加载）

3，id="layout-user" (用于按钮绑定)

关键点 2》：多个按钮控制

1，data-url="${BASE_PATH}/admin/account/userDetail" (点击按钮加载的utl)

2，data-divid="#layout-user"(请求结果展示到绑定的div中)

3，data-toggle="ajaxload"(请求方式异步加载)

前端完整代码实例

function do_open_layout(event, treeId, treeNode) {

if (treeNode.isParent) {

var zTree = $.fn.zTree.getZTreeObj(treeId)

zTree.expandNode(treeNode)

return

}

$(event.target).bjuiajax('doLoad', {url:treeNode.url, target:treeNode.divid})

event.preventDefault()

}

</script>

</ul>

</fieldset>

**************************************

3，a标签的data-toggle不同属性使用情况

1》同一页面内对某条数据的状态修改

data-toggle="doajax"

2》data-toggle="navtab" 标签窗口

3》data-toggle="dialog" 弹出窗口

**************************************

4 使用jquery ajax上传数据时后台不能renderjson同时再 render(bjuirender.refresh()); ，刷新页面需要在前端用bjui的方法

$(selecter).navtab("refresh","divId");

666导航网可以自由收藏管理个人常用网址的便捷上网工具

jfinal 和bjui 常用前后交互方式相关推荐

Java常用类库以及简介，具体使用细节进行百度（爬虫爬取的数据）
来至于互联网 Office文档的Java处理包 POI [推荐] Apache POI是一个开源的Java读写Excel.WORD等微软OLE2组件文档的项目.目前POI已经有了Ruby版本. 结构: ...
Linux中使用sftp的常用命令
前言在数据库远程维护的过程中,经常需要和本机进行数据的交互,常用的交互方式为ftp,但是这种方式需要确保21端口和ftp服务都存在.在远程访问服务器的时候大部分使用ssh来进行连接,其使用的端口为2 ...
我是如何设计 Upload 上传组件的
Upload 组件设计的目标是解决用户上传文件的便利性,但是中后台 Upload 组件的场景是多种多样的,所以可扩展能力是 Upload 组件不可忽视的另一方面. 同样为了大家能够更加容易的理解,我会 ...
【NLP】为元宇宙拼了？FaceBook推出强大的多语言模型，试图理解所有人类语言...
作者:MetaAI 译者:张雨嘉原文标题:XLS-R: Self-supervised speech processing for 128 languages 语言交流是人们日常生活中最常用 ...
input不可编辑属性_谁不喜欢图文并茂呢：基于多模态信息的属性抽取
0. 前言最近做属性抽取,并且基于多模态信息(文本+图片)那种,然后发现了一个比较经典的论文"Multimodal Attribute Extraction".正好就顺着这个论文 ...
ArcGIS Engine开发之旅02--ArcGIS Engine中的类库
原文 ArcGIS Engine开发之旅02--ArcGIS Engine中的类库 System类库 System类库是ArcGIS体系结构中最底层的类库.System类库包含给构成ArcGIS的其他 ...
element table多选只能选中当前页数据_关于“列表多选”操作流的小思考
之前在工作的时候遇到一个问题,在设计列表多选的时候,产品执意要将多选操作的按钮放在列表顶部,但是按照设计规范,该按钮应该是隐藏的,在勾选列表某一行后才会触发显示该按钮,随之产品提出的问题是: &quo ...
白话 Golang pprof
文章目录 0.前言 1.什么是 pprof 2.pprof 的作用是什么 3.pprof 的使用模式 4.安装 Graphviz 4.应用程序性能分析 4.1 CPU 性能分析 4.2 内存性能分析 ...
javac.exe 、 java.exe、 javaw.exe 、 javaws.exe有什么区别？
最近用命令行执行jar包时,碰巧遇到了这个问题,有点感兴趣,查了大量资料之后,简单地写写我自己的总结,以供大家参考. 首先,我先贴上我主要参考的文章一个是javapapers.com,另 ...
三个步骤教你如何做好后台产品设计
转载自:http://news.cnblogs.com/n/532719/ 导语: 这段时间,让我对后台产品有了初步的了解.所以想尝试自己总结一下对后台产品设计和开发的一些知识.后台产品也有不同的分类 ...

jfinal 和bjui 常用前后交互方式

jfinal 和bjui 常用前后交互方式相关推荐

最新文章

热门文章