DJANGO结合jQuery cxSelect 作二级菜单过滤
2016-01-21 14:21
609 查看
EN,到这个阶段,基本功能算是完成了。
使用了jQuery cxSelect这个插件。
http://code.ciaoca.com/jquery/cxselect/
相关代码如下:
html:
JS:
views.py
实现:
附一段通过MANYTOMANY检索语法:
从发布单倒追组件到项目,然后用ID IN功能检索多少条发布记录:
使用了jQuery cxSelect这个插件。
http://code.ciaoca.com/jquery/cxselect/
相关代码如下:
html:
<form class="uk-form" name="filter-form"> <div id="element_id"> 项目:<select class="Site_name" name="Site_name"></select> 组件:<select class="App_name" name="App_name"></select> <a class="filter_btn uk-button" name="filter_btn">过滤</a> </div> </form>
JS:
$('#element_id').cxSelect({ url: '/version/filter_app/', selects: ['Site_name', 'App_name'], jsonName: 'name', jsonSub: 'value', nodata: 'none' });
views.py
def filterAppFromSite(request): app_list = [] site_names = S.objects.all() for site_name in site_names: app_names = site_name.app_name.all() app_dict = {} a = [] for app_name in app_names: c = {} c['name'] = str(app_name.name) a.append(c) app_dict['name'] = str(site_name.name) app_dict['value'] = a app_list.append(app_dict) return render_to_json_response(app_list)
实现:
附一段通过MANYTOMANY检索语法:
从发布单倒追组件到项目,然后用ID IN功能检索多少条发布记录:
app_id_list = [] site = S.objects.get(name=self.kwargs['site_name']) for app in site.app_name.all(): app_id_list.append(app.id) return DV.objects.filter(app_name_id__in=app_id_list)
相关文章推荐
- jquery easyui datagrid纯js导出到excel
- jQuery选择器大全
- jquery 插件封装模板
- jQuery Ajax 实例 全解析
- jquery ui 学习随笔 验证插件
- jQuery $.each用法
- jQuery $(function(){})和onload事件执行顺序问题
- jquery及js实现动态加载js文件的方法
- jquery 获取 outerHtml 包含当前节点本身的代码
- jquery 单选、复选赋值
- 网站PC前端图片加载优化---jQuery lazyload
- jQuery使用笔记
- jquery+Struts2实现ajax局部刷新分页
- JQuery中国省市区无刷新三级联动查询
- Jquery三级菜单切换
- jQuery模拟物体自由落体运动(附演示与demo源码下载)
- jquery中Uncaught ReferenceE…
- jQuery Select的操作集合
- jQuery 的禁用和只读 --->防暴动处理
- 文字内容展开与折叠jquery代码