zoukankan      html  css  js  c++  java
  • 一个基于jQuery的移动端条件选择查询插件(原创)

    下载插件

    目前给出的下载是混淆了后的代码

    愿意一起探讨的可以找我要源码

    使用方式:

       

    var ConditionsChoose = $("#Screening").ConditionsChoose({
                    Json: {
                        "Id": "Region",
                        "Text": "区域",
                        "List": [
                        {
                            "Value": "不限",
                            "Text": "不限"
                        }]
                    },
                    Query: true,
                    QueryInput: false,
                    QueryInputText: '请输入查询名称',
                    Callback: function () {
                        PageIndex = 1;
                        QueryAjax();
                    }
                });
                ConditionsChoose.Get("Region");
           ConditionsChoose.GetInputValue();
    Json参数:必填 为你的条件,Json格式
      "Id":用于获取用户选择的条件值、"Text":用于展现给用户的类型名称、"List":条件选项集合
        "Value":选项值、"Text":展现给用户的选项文本
      "Query":非必填 true|false 默认展现、是否展示搜索框和搜索按钮
      "QueryInput":非必填 true|false 默认展现、是否展现搜索框
      "QueryInputText":非必填 true|false 默认为空、搜索框提示文本
      "QueryButton":非必填 true|false 默认展现、搜索框是否展现搜索按钮
      "Callback":非必填 搜索按钮单击之后所执行的事件
    Get()函数获取指定ID的用户选择项值
    GetInputValue()获取搜索栏用户输入的值

    下面为效果图片( ^_^ )

    移动端效果PC端

  • 相关阅读:
    技术转型之路开启
    kotlin入门 (教程难点)
    linux入门
    Code-Breaking Puzzles做题记录
    bugku-login4-CBC字节翻转攻击
    bugku-就五层你能解开吗WP
    上海市数学教材
    书目推荐
    Zeta(2) 有图版
    UnitTest测试框架全栈详解(十)
  • 原文地址:https://www.cnblogs.com/CielWater/p/4448340.html
Copyright © 2011-2022 走看看