根据后台数据 动态显示前台编辑按钮内容
2017-02-13 00:00
706 查看
情景:根据后台数据实际公开还是隐藏 动态显示点此公开 或者是点此隐藏
(所有数据是从后台volist出来的)
例:数据记录1 是隐藏的----前台按钮显示的文字就是点此公开 用户3是公开可以看的
前台按钮显示的文字就是点此隐藏
流程---点击公开---弹出警示框----点击确定---后台操作---
复杂点1------点击公开--触发警示框显示---点击确定----才进行ajax交互-------(复杂点:传用户ID
中间经过了一个警示框---没法直接传userID进去----解决:循环时候在点此公开之后,写一个隐藏的input框,存储用户ID,然后jquery 声明一个全局变量--存放用户ID:点击删除---获取影藏input value值)
之前复杂的解决方法---
//全局变量 num 存放 该条记录的id
var num=0;
<!-- 获取该条记录的id -->
num = $(this).next('input').val();
然后ajax交互)
复杂点2----ajax 返回数据--需要两部分-数据记录+分页信息
自己研究的解决方案-很复杂--求改进----返回 json_encode(后台数据)+拼接“&”+拼接分页
前台接受数据---根据&拆分---第一部分是数据----
$.each(data,
function(index, item) {
html1 += ' ';
});
循环数据--输出到对应容器--;第二部分分页数据输出到对应的page容器;
复杂点3:--------删除时候----ajax请求后台--接受实时数据----前台根据公开还是隐藏--实时改变中间按钮的文字(点此公开、点此隐藏)----需要做判断--很麻烦--初步解决---直接在后台返回的数据源里面加一个字段--专门存放要显示的文字(点此公开/或者点此隐藏)----前台直接接受直接显示
(所有数据是从后台volist出来的)
例:数据记录1 是隐藏的----前台按钮显示的文字就是点此公开 用户3是公开可以看的
前台按钮显示的文字就是点此隐藏
流程---点击公开---弹出警示框----点击确定---后台操作---
复杂点1------点击公开--触发警示框显示---点击确定----才进行ajax交互-------(复杂点:传用户ID
中间经过了一个警示框---没法直接传userID进去----解决:循环时候在点此公开之后,写一个隐藏的input框,存储用户ID,然后jquery 声明一个全局变量--存放用户ID:点击删除---获取影藏input value值)
之前复杂的解决方法---
//全局变量 num 存放 该条记录的id
var num=0;
<!-- 获取该条记录的id -->
num = $(this).next('input').val();
然后ajax交互)
复杂点2----ajax 返回数据--需要两部分-数据记录+分页信息
自己研究的解决方案-很复杂--求改进----返回 json_encode(后台数据)+拼接“&”+拼接分页
前台接受数据---根据&拆分---第一部分是数据----
$.each(data,
function(index, item) {
html1 += ' ';
});
循环数据--输出到对应容器--;第二部分分页数据输出到对应的page容器;
复杂点3:--------删除时候----ajax请求后台--接受实时数据----前台根据公开还是隐藏--实时改变中间按钮的文字(点此公开、点此隐藏)----需要做判断--很麻烦--初步解决---直接在后台返回的数据源里面加一个字段--专门存放要显示的文字(点此公开/或者点此隐藏)----前台直接接受直接显示
相关文章推荐
- easyui-datagrid行编辑,后台以主表为基表关联从表进行查询数据后,在前台行编辑字段内容的显示
- Android 根据Edittext内容动态改变Listview显示的数据
- 根据后台数据动态在html页面显示新的数据的方法:
- php保存数据到数据库到后台显示删除编辑,到前台展示
- 《项目经验》--后台一般处理程序向前台JS文件传递JSON,JS解析JSON,将数据显示在界面--显示在DropDownList 或 显示在动态创建的table中
- EXTJS桌面显示窗口(左边:TREE,右边:PANEL),点击按钮弹出窗口编辑数据提交后台PHP。
- 工作日志--openSNS二次开发--根据用户组前台显示管理后台按钮
- 根据后台配置项,动态的在页面先控制显示内容
- 《项目经验》--后台一般处理程序向前台JS文件传递JSON,JS解析JSON,将数据显示在界面--显示在DropDownList 或 显示在动态创建的table中
- 前台列表动态显示后台数据并链接查询
- ExtJs actioncolumn根据grid数据动态显示按钮
- 动态事创建的a标签上利用jq滑过元素执行事件通过ajax获取后台数据根据鼠标位置展示数据内容,鼠标离开消失
- 动态绘圆根据接收数据实时显示_在后台绘图显示实例
- wpf datagrid 单元格颜色 根据条件改变颜色 根据表datatable动态显示datagrid内容
- js实现前台动态添加文本框,后台获取文本框内容
- 根据数据表中的内容,动态创建主菜单
- 前台显示后台数据
- js实现前台动态添加文本框,后台获取文本框内容
- js小记---根据后台数据的多少控制滚动条显示或隐藏(scroll or hidden)
- 关于显示数据时内容过多的问题和动态的tooltip实现