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端

  • 相关阅读:
    【三】shiro入门 之 Realm
    【一】shiro入门 之 Shiro简介
    【二】shiro入门 之 身份验证
    [01] radio ,checkbox 表单文字对齐
    [02]时区时间获取
    【14】redux 之 redux-actions
    【02】webpack 之 入门
    【13】react 之 redux(2)
    【12】react 之 redux(1)
    【11】react 之 flux
  • 原文地址:https://www.cnblogs.com/CielWater/p/4448340.html
Copyright © 2011-2022 走看看