精华内容
下载资源
问答
  • EXTJS4.x之combobox的使用

    千次阅读 2013-02-01 00:23:31
    ComboBox是像传统的HTML中和的结合,用户可以自由输入到字段中,或挑选一个下拉选择列表的值。默认情况下,用户可以输入任何值,即使它不会出现在选择列表中,为防止自由形式的值,一般对其进行限制列表中的项目,...
    ComboBox控件是一个下来选框,可以实现自动完成,实现远程加载和许多其他功能
    ComboBox是传统HTML<INPUT><select>的结合用户可以自由输入到字段中挑选一个下拉选择列表默认情况下,用户可以输入任何即使它不会出现在选择列表中为防止自由形式的一般对其进行限制列表中的项目editable:去掉钩钩和forceSelection设置为true

    选择列表中的选项进行填充任何Ext.data.Store包括远程存储在远程数据项映射到每个选项的显示的文本,并支持通过valueFielddisplayField配置

    如果你的远程是没有提供数据源也就是说,它仅仅依赖于本地数据应该设置queryMode“本地”,因为这将提高用户响应能力

    下面我们来实现一个二级级联的combobox的例子。

    同样我们使用jsp作为简单的后台测试,Sencha Architect和myeclipse来制作这个简单的例子。
    用Sencha Architect新建combobox工程,保存在javaweb的webRoot目录下。用myeclipse在combobox目录下面新建一个address.jsp的文件,内容如下:
    <%@page import="java.util.*"%>
    <%@page import="org.json.simple.JSONObject"%>
    <%@page import="org.json.simple.JSONArray"%>
    <%@ page contentType="text/html; charset=gb2312" language="java" import="java.sql.*"%>
    <%  	
       	int cmd = Integer.parseInt(request.getParameter("cmd"));
       	JSONArray jsonArray;
       	JSONObject jsonObj;
       	
       	switch(cmd){
       	//获取省
       	case 0:
       		jsonArray = new JSONArray();
       		
       		jsonObj = new JSONObject();
       		jsonObj.put("name", "安徽");
       		jsonObj.put("id", 1);
       		jsonArray.add(jsonObj);
       		
       		jsonObj = new JSONObject();
       		jsonObj.put("name", "江苏");
       		jsonObj.put("id", 2);
       		jsonArray.add(jsonObj);
       		
       		jsonObj = new JSONObject();
       		jsonObj.put("name", "上海");
       		jsonObj.put("id", 3);
       		jsonArray.add(jsonObj);
       			
    	    out.println(jsonArray.toJSONString());
       	break;
       	  	
       	//获取安徽省下面的市
       	case 1:
       		jsonArray = new JSONArray();
       		
       		jsonObj = new JSONObject();
       		jsonObj.put("name", "合肥");
       		jsonObj.put("id", 1);
       		jsonArray.add(jsonObj);
       		
       		jsonObj = new JSONObject();
       		jsonObj.put("name", "芜湖");
       		jsonObj.put("id", 2);
       		jsonArray.add(jsonObj);
       		
       		jsonObj = new JSONObject();
       		jsonObj.put("name", "淮南");
       		jsonObj.put("id", 3);
       		jsonArray.add(jsonObj);
       			
    	    out.println(jsonArray.toJSONString());
       	break;
       	
       	//获取江苏省下面的市
       	case 2:
       		jsonArray = new JSONArray();
       		
       		jsonObj = new JSONObject();
       		jsonObj.put("name", "南京");
       		jsonObj.put("id", 1);
       		jsonArray.add(jsonObj);
       		
       		jsonObj = new JSONObject();
       		jsonObj.put("name", "苏州");
       		jsonObj.put("id", 2);
       		jsonArray.add(jsonObj);
       		
       		jsonObj = new JSONObject();
       		jsonObj.put("name", "镇江");
       		jsonObj.put("id", 3);
       		jsonArray.add(jsonObj);
       			
    	    out.println(jsonArray.toJSONString());
       	break;
       	
       	//获取上海下面的区
       	case 3:
       		jsonArray = new JSONArray();
       		
       		jsonObj = new JSONObject();
       		jsonObj.put("name", "普陀");
       		jsonObj.put("id", 1);
       		jsonArray.add(jsonObj);
       		
       		jsonObj = new JSONObject();
       		jsonObj.put("name", "宝山");
       		jsonObj.put("id", 2);
       		jsonArray.add(jsonObj);
       		
       		jsonObj = new JSONObject();
       		jsonObj.put("name", "黄埔");
       		jsonObj.put("id", 3);
       		jsonArray.add(jsonObj);
       			
    	    out.println(jsonArray.toJSONString());
       	break;
       	
       	}
    %>


    上述代码的功能是根据客户端传来的cmd参数分别输出不同的地址列表,这里不做详细的解析。

    用Sencha Architect在主窗体中拖如一个Panel和两个combobox,分别设置一下以下的属性:

    mypanel:
    layout:设置为vbox
    title:设置为二级联动combobox
    padding:设置为20px
    Mycombobox:
    fileldLable:设置为“一级”
    id:设置为combobox1
    forceSelection:勾上
    editable:去掉钩钩
    Mycombobox1:
    fileldLable:设置为“二级”
    id:设置为combobox2
    forceSelection:勾上
    editable:去掉钩钩
    完成之后可以得到下面的效果:


    接下来我们配置combobox1的store
    先配置一个Model,拖动一个model到工程视图中的Models中,设置userClassName为Address,在Fields中添加两个字段,分别为id和name,如下图


    再配置一个Store,拖动一个Store到工程视图中的Stores中并设置userClassName为AddressStore1,并把autoLoad和autoSync勾上,model设置为Address,再拖一个Ajax Proxy到AddressStore1上,设置其url为“address.jsp?cmd=0”,在reader中添加一个jsonReader。完成后如下图


    数据源暂时配置完了,下面我们设置combobox1的store为AddressStore1,并把displayField选择为name和valueField选择为id,保存启动服务器,打开浏览器看看吧

    第一个combobox已经出来了,效果不错,我们照上面的方法配置第二个combobox。配置多一个AddressStore2即可,不详细说了。配置好后如下图


    至此我们的两个combobox已经配置好了,现在开始实现联动,即当第一个选择好了之后第二个的数据也跟着改变。

    1.找到combobox1的Event Bindings属性,点击“+”号进行添加,添加一个“select”的事件响应。

    2.点击刚才添加的select,进入代码编辑界面输入如下内容
    //获取combobox控件  
    var combobox = Ext.getCmp("combobox2");
    //获取store
    var store = combobox.getStore();
    //获取proxy
    proxy = store.getProxy();
    //重新设置url
    proxy.url = "address.jsp?cmd="+combo.getValue();
    //重新加载数据
    store.reload();

    保存即可。刷新重启服务器。打开浏览器可以看到如下效果

     
    到这里我们已经完成了,数据部分没有详细做,这个不是这里的重要部分....

    展开全文
  • 什么是选择器选择器是一个输入字段,用户必须在其中选择一个(或多个)选项,这与文本字段中用户可以自由使用的输入区不同。选择器具有各种不同的形状和形式。下拉菜单,复选框,切换按钮,滑块等都是不同类型的选择器...

    一.什么是选择器

    选择器是一个输入字段, 用户必须在其中选择一个(或多个)选项,这与文本字段中用户可以自由使用的输入区不同。选择器具有各种不同的形状和形式。下拉菜单,复选框,切换按钮,滑块等都是不同类型的选择器,但它们看起来彼此并不相似。这些类型的选择器之间的主要功能差异是用户可以选择的选项数量:一个或多个。

    二.选择器的类别

    -单选选择器

    -多选选择器

    1.单选选择器

    单选选择器按效果又可以分为:点击选择器、滑动选择器、多联动选择器、开关选择器、可搜索效果的选择器、地图选择器。

    特点:同一时间只能选择一个选项,当你已经选择完一项后,准备选取另一项,那么后选的一项会立刻使先选的一项被取消选择。

    1-1点击选择器

    点击选择器可分为两种状态,状态一为立即触发,当你点击后会立即跳到下一步操作;状态二为再次确认触发,当选中某项时,不会立即触发操作,而是需要再点击别的触发类组件(如保存按钮)后,再执行操作。

    -立即触发式:

    特点:直接进入,并没有再次确认的按钮,可以让你快速到达想要的目的。

    建议:虽然目的能快速达到,不过也很可能会造成误操作,所以在设定这类选择器时要多考虑手指的触碰区域以及每个选择元素的距离,同时正因为是直接跳转,所以应当加入一些操作提示。

    举例:汽车之家在用户选择二手车时就会出现此选择器,当我在汽车之家想要选择二手车时,它会弹出立即触发式选择器控件,我们在控件上可以看到有7个圆形选项,分别为:汽车之家诚信联盟、准新车、奥迪、奔驰、宝马、三厢轿车、分期购车,当我点击“奥迪”选项时就会立即跳转选择后的页面,为了让用户知道自己选择后的状态,在跳转页面时还会弹出非模态弹窗的文字提示“共找到1943辆车”。

    052cfdff0b4fc995410fd33520133cd9.gif

    -再次确认触发式:

    特点:这是最为常见的选择器类型,当所在选项选上,除了选择另一个选项之外,便没法取消选中状态。(选且只能选择一个选项)

    建议:在设定此类选择器时我们应该从产品的角度去考虑是否给用户一个默认选项,甚至是否考虑给出一个重置按钮。

    举例:我刚注册小红书时,在小红书填写信息页面中,它的默认选项是“男”,我点击“女”,则会自动取消掉“男”,它们两者并不能同时存在,并且只有我点击下一步按钮时才会正式确认我选择完成。

    789e56e7892e61d64df7c38e0b8d2c1f.gif

    1-2滑动选择器

    特点:滑动选择器是将需要选中的内容滑动至中部,然后点击确认按钮确认选中后返回选中内容。大多数运用在选择时间或地址上。

    建议:滑动选择器的展示区域有限,部分选项会被隐藏,最好是当用户对所有选项都比较熟悉、有预期的时候,才使用它。为了保证手机屏幕触控精度,以免发生误触,滚轮选择器建议控制在5列以内。

    举例:在小红书填写年龄信息时,我们只需用手指在区域内滑动即可选择想要的选项。

    cf6013890b914cbcb47c7a82db2093fa.gif

    1-3多联动选择器

    特点:多联动选择器是由两个或两个以上的中继器制作而成,第一个中继器选择后,一般会对第二个中继器进行筛选,不过因为显示的区域有限,所以当你要切换时,还只能挨个切换,效率低下。

    建议:可以通过数据以及功能来减少选择时间,例如在选择地区时,根据当前GPS定位地理位置,定位相关省级信息及名称,减少滑动操作。

    举例:如下,当我选择了内蒙古自治区,那么2级内容就应该筛选掉内蒙古以外的城市,比较适用于省份-城市或者品牌-产品这种类似的选择,当然下面第一张多联动选择器也结合了滑动选择器。

    fecb9756078aa97845468ded3a3665dd.gif

    多联动选择器展示的方式非常多,不仅可以用滑动形式展示,还可以用点击、平铺列表等形式展示。

    8c9594fcd60cb0b26079c63910a138f4.png

    在左图选择城市时,我们必须要先选择省份,再选择城市,最后才能选择县;

    右图则没有先后顺序,不过当你首先选择颜色时,如果没有相同尺码的衣服,缺货的尺码则不会被选中,先选择尺码也是相同道理。

    1-4切换开关选择器

    特点:切换开关选择器有且只有两种选项,用来在开和关两种状态之间切换。开关属于触发类组件,拨动开关时,它所指挥的某个操作会立即生效,常见的使用就是授权。开关的默认状态并不都是关闭的,还要从产品本身的设定上来决策。

    建议:如果某开关的功能是用户经常使用的状态,那么可以在默认状态下打开开关,不过需要注意的是在某些特殊的开关按钮需要打开时,必须要提前告知用户。

    举例:当我打开UC浏览器的设置时,它的辅助功能就使用了切换开关选择器,切换的开关只需要点击即可。

    843bde00730d475425fab9043f8f6384.gif

    1-5可搜索选择器

    特点:可搜索选择器一般用于选择项较多时,特别是对于电商购物类的APP搜索选择器是必不可少的,搜索选择器会根据用户输入的内容,对中继器进行模糊的搜索,让用户快速找到并选择内容。

    建议:在搜索区域输入文字时,可给予用户更多的文字提示以及以及引导类信息。

    举例:小红书在搜索时就会出现数字化的信息提示,这样能够很好的引导用户进入到想要的搜索结果:笔记或者商品页面。

    f3337d5d638caaa34c35dd8aa8ff1896.png

    1-6地图选择器

    特点:作为最特别的选择器,它的功能是复杂的,它的操作方式也是多样化的,地图选择器的操作可点击、可拖拽、可放大缩小等等,它多用于生活类APP。

    建议:可以在选择器中加入更多趣味、互动、可感知的设计,如加入过节元素、车辆行驶路径、热门区域、甚至选取后手机的震动等。

    举例:

    打车类APP必用的地图选择器,滴滴出行的用户可以实时看到车辆信息,可以采用点击、拖拽、放大等操作来选取上车地点,选取后还有文字信息提示,让用户确认操作是否正确。

    5eb3fcc36ea439f13a93d08390613e84.png

    贝壳APP则用地图选择器来让用户选择二手房,同时也采用了联动式的效果,第一步是查看区域,可以明确看到区域的售房套数,点击选择区域后我们可以看到每个路段的房子套数,点击路段后就可以看到每个楼盘的套数以及均价,直到点击楼盘就会弹出详细信息框。这样有助于用户在选择二手房时从大数据分析二手房的情况,有更好的对比性与选择性。

    b13f95ff636d9632d31395836fd6624f.png

    2.多选选择器

    当单选选择器不能满足用户需要时,这时我们就可以采用多选选择器,一般常用的多选选择器都是采用点击的方式,当然也有滑动类型的多选选择器。

    2-1点击多选选择器

    特点:当用户想要选择多个类别的情况下,我们就可以用点击多选选择器来展示提供给用户选择,通过屏幕点击选中或取消选中该选项,它不会立即触发操作,需要再点击别的触发类组件(如保存按钮)后,再执行操作。

    建议:从用户的角度来讲尽量不要强制用户选择数量或者默认全部数量;多选项时触碰区域不能太小,以免造成误操作。

    举例:小红书在选择感兴趣的内容时就采用了点击多选选择器,不过在选择兴趣时它就强制用户至少关注4个兴趣,而对于单兴趣或者少兴趣的用户来讲,这无疑会造成用户体验的不佳,被逼再次从中选择次要的兴趣。

    e2c6782cf6fdd5444427a900e9a0f43d.gif

    2-2滑动多选选择器

    特别注明:从用户的角度来看,它可以选择多个区域段的内容,所以我把它分为多选选择器中。

    特点:当系统给出的选项不在自己的选择区间时,可以很好的自定义选择区间,把定义权限交在用户手里。同样,它需要再点击别的触发类组件(如保存按钮)后,再执行操作。

    建议:在用户滑动操作期间要有明确的操作提示,让用户时刻感知目前处于的状态;滑动区域尽量不要超过100刻度,如果刻度距离太小,用户在滑动时也很难精准的选择范围。

    举例:在汽车之家APP中,当我要选择汽车价格范围时就会出现此选择器,我们可以用手指滑动来选取它的价格区间,相对于上半部分的单选价格拓展性更强,用户可以自行选择上半部分的单选选择器,也可以选择滑动多选选择器,给予用户更多的选择。

    b86565f9e96315f6c89e589a5ff8423e.gif

    三、选择器的十大应用要点

    1、简单易懂

    标题易懂:

    在选择器中标题一定要简单明了,很快的让用户知道他在为什么做选择(如:当你关注某烹饪的APP后,它会让你勾选喜欢的菜谱,你的标题就可以用“选择菜谱”四个字,简单明了)

    文字标签易懂:

    一般使用短语而不是句子,也并不需要用标点符号来结尾。(如:当选择想要的菜谱时,菜谱后的文字不需要加入标点符号)

    选取状态易懂:

    用户能够明确感知什么是选中状态,什么是未选中状态,什么是禁用状态。(如:选中状态为高亮显示,未选中为普通显示,禁用状态为灰度显示)

    反馈提示易懂:

    当你在选择中遇到选项限制或是否需要确认操作时,反馈提示一定要一目了然。(如:当你选择某衣服时,S码不能选择,则会用灰度显示的文字代替,甚至可以用中横线划过文字,明确告诉用户不能选择)

    fccf3d3fc66ea1605d3a3193433de73d.png

    2、基本排序

    从逻辑顺序:

    逻辑排序能让用户很快很准的找到自己需要的选项,特别是对于选择地址/时间/个数等常规的选项时,可以按照字母/远近/大小来进行排序。例如下面在选择地址时,就是按照A-Z字母排序,这样可以大大节省用户选择的时间。

    624ac01c9f03ced0b3a09fc0846b9508.png

    从产品利益角度排列顺序:

    当然为了产品自身的利益也可以自己优化排序方式,选项的顺序可以说服用户进行选择,用户可能因为第一个选项在列表中的位置而选择了第一个选项;可以辅助用户,也可以让用户向着产品所希望的方向倾斜。例如你在选择菜谱时,产品为了让用户选择更加优质的菜谱,就会把用户评价高的菜谱放在前列;当然商家也会这么做,例如你要去买某款商品,商家会在选项中把热门、优质的产品放在最上方,让你优先选择。

    58c49230c27fad18ae3057a671b1a4b8.png

    从用户体验排列顺序:

    从用户角度来说哪些对用户体验好,那么就把它排在前面。例如汽车之家在进行车辆类别的排序中就把用户量最多的轿车排在第一位,而把用户量最少的轻客放在了最后一位;同样它在汽车品牌选择中,单独列出了热门品牌把它放在前列,让用户进行快速选择。

    fe792a3a0f45b0568798f6d35c57b827.png

    3、一致性

    视觉布局一致:

    每个元素之间的对齐、元素与元素之间的间距、按钮不同状态的视觉体现。一般情况下移动端更倾向于左对齐,这样有利于快速读取选择内容,可以提高用户的浏览效率并减少错误。

    97d07d9207dc70b5eebc5a92b74d3b1c.png

    图片/插画风格统一:

    在图文结合的选择器中,我们一定要保证图片(插画)的优质以及风格的统一。

    2236444aff9482ba1687a3e223ea43f0.png

    4、合理运用默认选项

    默认选项是选择器的开始状态。在不同的选择器中有不同的默认方式。

    默认未选中:

    这是最常见的一种状态,特别是对于选择年龄、生日这些个人隐私信息,系统也没有办法进行默认选择。

    e60d609f4dbad8f84598dae955f429ae.png

    默认选中其中一个选项:

    要想默认其中一项,必须考虑两点因素,因素一:你想要潜意识的像用户传达信息,在单选选择器中默认选择一项后,就可以潜意识的向用户传递信息必须要在这组单选项之中选择一个。因素二就是产品的倾向,例如此产品的性别9成都是女性,那么建议默认选项为女性。

    c0fe7694edfa81d467fb4eb51353feee.png

    默认选中全部:

    其实默认选中全部在用户体验上来讲真的不是那么的友好,例如微博这个选择器界面,刚进这个界面时已经全部勾选中,并且当你没注意习惯性的点击下面的按钮时会生立即效,没有返回的余地。(吐槽:有些APP甚至没有一键取消功能,要一个个的点击取消...)这也是为了产品牺牲掉了部分用户体验吧!

    ad5c076bae7cb7f36d660929a85f7517.png

    5、给用户更多选择

    单选选择器的更多选择:

    如果用户不想做出选择,那么应该提供一个中立选项,为用户提供一个明确的方向,中立选项比勉强选择要好。例如在选择行业领域时,以上并没有你所处的领域或你不确定你的领域,你就可以选择“不限”或“其他”。

    eaf4f49e0a965d50f296f6fbe3deb894.png

    多选选择器的更多选择:

    在多选选择器中,如果不能把控到用户的准确选项区间,那么可以考虑滑动多选选择器,让用户有更多的选择区间,不管是汽车之家还是懂车帝在选择车辆价格上两者都是采用的相同方式。

    cd1f3f012bfd4d04911ad99c6376f0b7.gif

    6、控件状态

    选择控件在操作过程中必须更改其状态/外观,要明确让用户知道是否能选中,是否被选中。控件状态一般分为三种:未选中、选中、禁用。

    未选中

    选择器的开始状态,向用户表明,可对该选择控件进行操作。

    选中

    用户操作选取状态,选择控件处于被选中的状态。

    禁用

    一般情况会为灰色显示,用户将无法与选项进行交互。

    f0928628237b170ae6c200d7f3cc8863.png

    7、操作提示

    指的是用户在操作中让用户得到相应的反馈,用户根据这些反馈可以判断当前状态以及操作后状态。在选择器中,操作提示一般用辅助文案提示及非模态弹窗提示。

    辅助文案提示(选择前与选择中):

    辅助文案指的是在选择控件主体之外另外放置一些文案信息来充当说明,例如下面是地区选择,我在选择不同层级的区域时,它的上方会出现辅助提示文案,让你明确的知道你上一层级选择的是什么。

    25c1f0c2bae835cd86b3a8d37f5df90b.png

    同样,当我在选择价格区间时,滑动选择器的左上方一样有文字类的提示:

    4739d2c78bb7c4f3bc2310709e2291a3.gif

    非模态弹窗提示(选择后):

    非模态弹窗一般出现在用户操作完的跳转页面中,为了让用户感知所选的选项在页面的状态,如下,非模态弹窗告知用户一共有7辆车符合标准。

    08150e5b8c4fd639fd53a39dd7bae066.gif

    当然除了非模态弹窗外,还有模态弹窗,但是用户体验极差,目前很少使用,所以就不列出来了。

    8、合理使用操作区域

    扩大点击区域:

    在选取按钮类的操作时,容易出现点击不到或误操作的现象,我们可以通过扩大点击区的交互区域来提高易用性,例如下图,虽然按钮在左边,但是可以把横向区域都列为可点击区域。

    cdcdab2a4cc85a4d2b6339da8ad02846.png

    当然我们也可以从设计的角度来扩大视觉范围,从而也提高了点击范围,这样的处理不仅提升了视觉层面,还提升了交互体验。(图文结合方式)

    053490bc5b87d0f0ef42783bf3ca9495.png

    注意交互间距:

    在元素与元素之间一定要有合理的交互间距,不然很容易出现误选的情况。

    24bd619fa09599763d54c03e4b4d0fb1.png

    合理利用有效区域:

    在选项较多的选择器中,我们可以利用好选择主体控件之外的区域,例如在选择城市/品牌时,我们可以做A-Z index式字母交互区,帮助用户快速找到想要的选项。

    e2e9ecd5b94525b92c5b9c7618e454f6.png

    9、趣味性

    让用户选择本来就是一件枯燥乏味的事情,如果让这件事变得有趣那么会极大的提升用户体验。

    从文本层面:

    例如当用户填写性别信息时,你给予用户的文字信息并不是“男”/“女”,而是“帅气的boy”与“酷酷的girl”,这样会让用户觉得这是一件比较有趣的事情,而不是被动选择。(注:这样的取名一定要符合产品的特性)

    从视觉层面:

    加入可玩儿性的选项,例如汽车之家的头像切换,可以选择自己喜欢的头像。(头像并不是强制选择的,如果不进行操作则是默认选项)

    a13d2221778877806947d81605105ecf.png

    从交互层面:

    让用户去享受选择。例如Soul的星球首页就做的非常棒,在未选择状态他的人物会360度围绕着转动,当然你也可以快速拖拽,或者放大缩小,可玩儿性十足,并且在内部设定了最匹配/新人的高亮显示,协助用户去选择。

    8fa598f001012414b683b7d65954281e.png

    10、合理使用选择器

    不同的产品在使用选择器时都各有不同,因为每个选择器都有他的利弊,而真正要怎么去选择还要根据产品本身来定。

    那么我就拿目前市面上最常见的5个地址选择器的类型来分析一下利弊:

    1/多联动选择器(平铺式)

    ccdcd3257e6f019d7b42e2b7d8d971ef.gif

    货车帮采用的是多联动平铺式选择器,它最大的特点就是能够一眼就看清楚所有地址,不过地址多时需要花时间去找,只是当你经常使用此功能时便会形成记忆,再此搜索的时候就能形成记忆点击,效率很高,并且在操作外还有路径提示,不仅可以帮助你记住层级选项,还可以实时返回路径进行重新选择。

    手势操作:点-点-点

    2/多联动选择器(列表跳转式)

    2846d7f5a43398359807059f0db17c4f.gif

    闲鱼采用的是多联动列表跳转式选择器,这个选择器最大的缺陷就是选择三级之后用户可能会忘了上一级的内容,那么就又要切换到上一级,闲鱼采用它的原因是因为它只有二级联动,不存在遗忘现象,不过这样列表式的选择效率并没有平铺的效率高,人眼习惯扫视横向内容,所以横向的内容获取往往要比纵向的多,在地址选择器上我个人是不太建议采用多联动列表跳转式,因为并不高效也不直观。

    手势操作:滑-点-点

    3/多联动选择器(列表式)

    13975a87932bef1d001db5866515d35f.gif

    转转采用的是多联动列表式选择器,它的优点是可以根据右侧字母来找城市,数据偏大也能够很快的查找。不过如果在层级的选项中出现错误,同样就要切换到上一级,并且在操作中没有辅助信息提示。

    手势操作:滑/点-滑/点

    4/多联动选择器(下滑式)

    6acdfb5982d19988f3d4223c77627da0.png

    安居客采用的是多联动下滑式选择器,这种形式的选择器不会遮挡后面的主要内容信息,在选择完地址之后能立即看到地址的筛选结果。优点是能快速选择多级地址,并且层级分明,扩展性较强可以做成地址多选。缺点是不适合3个层级以上的地址选择。

    手势操作:点-滑/点-点

    5/地图选择器

    374a5d0bddd4aa58f1de76318af75ae7.png

    美团外卖采用的是地图选择器,这个选择器一般用在需要精准定位的生活类APP中,它的优点就是能够快速精准定位,并且自动录取定位信息,它的缺点也显而易见,不能含带层级并且对范围也有约束。

    9e8badbda5676cab2c6ed885945cec83.png

    展开全文
  • 什么是选择器选择器是一个输入字段, 用户必须在其中选择一个(或多个)选项,这与文本字段中用户可以自由使用的输入区不同。选择器具有各种不同的形状和形式。下拉菜单,复选框,切换按钮,滑块等都是不同类型的...

    13b0e5f87c83ece15ba5eb7225ce9906.png

    一.什么是选择器
    选择器是一个输入字段, 用户必须在其中选择一个(或多个)选项,这与文本字段中用户可以自由使用的输入区不同。选择器具有各种不同的形状和形式。下拉菜单,复选框,切换按钮,滑块等都是不同类型的选择器,但它们看起来彼此并不相似。这些类型的选择器之间的主要功能差异是用户可以选择的选项数量:一个或多个。

    二.选择器的类别

    -单选选择器

    -多选选择器

    1.单选选择器

    单选选择器按效果又可以分为:点击选择器、滑动选择器、多联动选择器、开关选择器、可搜索效果的选择器、地图选择器。

    特点:同一时间只能选择一个选项,当你已经选择完一项后,准备选取另一项,那么后选的一项会立刻使先选的一项被取消选择。

    1-1点击选择器

    点击选择器可分为两种状态,状态一为立即触发,当你点击后会立即跳到下一步操作;状态二为再次确认触发,当选中某项时,不会立即触发操作,而是需要再点击别的触发类组件(如保存按钮)后,再执行操作。

    -立即触发式:

    特点:直接进入,并没有再次确认的按钮,可以让你快速到达想要的目的。

    建议:虽然目的能快速达到,不过也很可能会造成误操作,所以在设定这类选择器时要多考虑手指的触碰区域以及每个选择元素的距离,同时正因为是直接跳转,所以应当加入一些操作提示。

    举例:汽车之家在用户选择二手车时就会出现此选择器,当我在汽车之家想要选择二手车时,它会弹出立即触发式选择器控件,我们在控件上可以看到有7个圆形选项,分别为:汽车之家诚信联盟、准新车、奥迪、奔驰、宝马、三厢轿车、分期购车,当我点击“奥迪”选项时就会立即跳转选择后的页面,为了让用户知道自己选择后的状态,在跳转页面时还会弹出非模态弹窗的文字提示“共找到1943辆车”。

    1c5955a20acfeceecc10e32aa0673cc1.png

    -再次确认触发式:

    特点:这是最为常见的选择器类型,当所在选项选上,除了选择另一个选项之外,便没法取消选中状态。(选且只能选择一个选项)

    建议:在设定此类选择器时我们应该从产品的角度去考虑是否给用户一个默认选项,甚至是否考虑给出一个重置按钮。

    举例:我刚注册小红书时,在小红书填写信息页面中,它的默认选项是“男”,我点击“女”,则会自动取消掉“男”,它们两者并不能同时存在,并且只有我点击下一步按钮时才会正式确认我选择完成。

    d7939bd04e1d20e8f7dfad746f2d1e9e.png

    1-2滑动选择器

    特点:滑动选择器是将需要选中的内容滑动至中部,然后点击确认按钮确认选中后返回选中内容。大多数运用在选择时间或地址上。

    建议:滑动选择器的展示区域有限,部分选项会被隐藏,最好是当用户对所有选项都比较熟悉、有预期的时候,才使用它。为了保证手机屏幕触控精度,以免发生误触,滚轮选择器建议控制在5列以内。

    举例:在小红书填写年龄信息时,我们只需用手指在区域内滑动即可选择想要的选项。

    db31cf08f7887bb652132076c10bd687.png

    1-3多联动选择器

    特点:多联动选择器是由两个或两个以上的中继器制作而成,第一个中继器选择后,一般会对第二个中继器进行筛选,不过因为显示的区域有限,所以当你要切换时,还只能挨个切换,效率低下。

    建议:可以通过数据以及功能来减少选择时间,例如在选择地区时,根据当前GPS定位地理位置,定位相关省级信息及名称,减少滑动操作。

    举例:如下,当我选择了内蒙古自治区,那么2级内容就应该筛选掉内蒙古以外的城市,比较适用于省份-城市或者品牌-产品这种类似的选择,当然下面第一张多联动选择器也结合了滑动选择器。

    78e079c5e6dc41d52f94ed05e16a7225.png

    多联动选择器展示的方式非常多,不仅可以用滑动形式展示,还可以用点击、平铺列表等形式展示。

    cdb114d6055bf94ede98202ee3e2af65.png

    在左图选择城市时,我们必须要先选择省份,再选择城市,最后才能选择县;

    右图则没有先后顺序,不过当你首先选择颜色时,如果没有相同尺码的衣服,缺货的尺码则不会被选中,先选择尺码也是相同道理。

    1-4切换开关选择器

    特点:切换开关选择器有且只有两种选项,用来在开和关两种状态之间切换。开关属于触发类组件,拨动开关时,它所指挥的某个操作会立即生效,常见的使用就是授权。开关的默认状态并不都是关闭的,还要从产品本身的设定上来决策。

    建议:如果某开关的功能是用户经常使用的状态,那么可以在默认状态下打开开关,不过需要注意的是在某些特殊的开关按钮需要打开时,必须要提前告知用户。

    举例:当我打开UC浏览器的设置时,它的辅助功能就使用了切换开关选择器,切换的开关只需要点击即可。

    d0c7947a613e37255fb1d79e66efa464.png

    1-5可搜索选择器

    特点:可搜索选择器一般用于选择项较多时,特别是对于电商购物类的APP搜索选择器是必不可少的,搜索选择器会根据用户输入的内容,对中继器进行模糊的搜索,让用户快速找到并选择内容。

    建议:在搜索区域输入文字时,可给予用户更多的文字提示以及以及引导类信息。

    举例:小红书在搜索时就会出现数字化的信息提示,这样能够很好的引导用户进入到想要的搜索结果:笔记或者商品页面。

    eb70b92846979bf938b065d8dd465a01.png

    1-6地图选择器

    特点:作为最特别的选择器,它的功能是复杂的,它的操作方式也是多样化的,地图选择器的操作可点击、可拖拽、可放大缩小等等,它多用于生活类APP。

    建议:可以在选择器中加入更多趣味、互动、可感知的设计,如加入过节元素、车辆行驶路径、热门区域、甚至选取后手机的震动等。

    举例:

    打车类APP必用的地图选择器,滴滴出行的用户可以实时看到车辆信息,可以采用点击、拖拽、放大等操作来选取上车地点,选取后还有文字信息提示,让用户确认操作是否正确。

    8ace664186e135df91957ded3577e808.png

    贝壳APP则用地图选择器来让用户选择二手房,同时也采用了联动式的效果,第一步是查看区域,可以明确看到区域的售房套数,点击选择区域后我们可以看到每个路段的房子套数,点击路段后就可以看到每个楼盘的套数以及均价,直到点击楼盘就会弹出详细信息框。这样有助于用户在选择二手房时从大数据分析二手房的情况,有更好的对比性与选择性。

    8b4cb47f35a2e634362b1338fe8812ea.png

    2.多选选择器

    当单选选择器不能满足用户需要时,这时我们就可以采用多选选择器,一般常用的多选选择器都是采用点击的方式,当然也有滑动类型的多选选择器。

    2-1点击多选选择器

    特点:当用户想要选择多个类别的情况下,我们就可以用点击多选选择器来展示提供给用户选择,通过屏幕点击选中或取消选中该选项,它不会立即触发操作,需要再点击别的触发类组件(如保存按钮)后,再执行操作。

    建议:从用户的角度来讲尽量不要强制用户选择数量或者默认全部数量;多选项时触碰区域不能太小,以免造成误操作。

    举例:小红书在选择感兴趣的内容时就采用了点击多选选择器,不过在选择兴趣时它就强制用户至少关注4个兴趣,而对于单兴趣或者少兴趣的用户来讲,这无疑会造成用户体验的不佳,被逼再次从中选择次要的兴趣。

    cbb31ef7bdbbe69fc19dcd08dd358539.png

    2-2滑动多选选择器

    特别注明:从用户的角度来看,它可以选择多个区域段的内容,所以我把它分为多选选择器中。

    特点:当系统给出的选项不在自己的选择区间时,可以很好的自定义选择区间,把定义权限交在用户手里。同样,它需要再点击别的触发类组件(如保存按钮)后,再执行操作。

    建议:在用户滑动操作期间要有明确的操作提示,让用户时刻感知目前处于的状态;滑动区域尽量不要超过100刻度,如果刻度距离太小,用户在滑动时也很难精准的选择范围。

    举例:在汽车之家APP中,当我要选择汽车价格范围时就会出现此选择器,我们可以用手指滑动来选取它的价格区间,相对于上半部分的单选价格拓展性更强,用户可以自行选择上半部分的单选选择器,也可以选择滑动多选选择器,给予用户更多的选择。

    60ae209423721cd83510e484e2e93fe3.png

    三、选择器的十大应用要点

    1、简单易懂

    标题易懂:

    在选择器中标题一定要简单明了,很快的让用户知道他在为什么做选择(如:当你关注某烹饪的APP后,它会让你勾选喜欢的菜谱,你的标题就可以用“选择菜谱”四个字,简单明了)

    文字标签易懂:

    一般使用短语而不是句子,也并不需要用标点符号来结尾。(如:当选择想要的菜谱时,菜谱后的文字不需要加入标点符号)

    选取状态易懂:

    用户能够明确感知什么是选中状态,什么是未选中状态,什么是禁用状态。(如:选中状态为高亮显示,未选中为普通显示,禁用状态为灰度显示)

    反馈提示易懂:

    当你在选择中遇到选项限制或是否需要确认操作时,反馈提示一定要一目了然。(如:当你选择某衣服时,S码不能选择,则会用灰度显示的文字代替,甚至可以用中横线划过文字,明确告诉用户不能选择)

    6cdaef7d2b14d0c855caabdc263e5aa7.png

    2、基本排序

    从逻辑顺序:

    逻辑排序能让用户很快很准的找到自己需要的选项,特别是对于选择地址/时间/个数等常规的选项时,可以按照字母/远近/大小来进行排序。例如下面在选择地址时,就是按照A-Z字母排序,这样可以大大节省用户选择的时间。

    57e7f4d5844de2efe24c3fa87ce38d82.png

    从产品利益角度排列顺序:

    当然为了产品自身的利益也可以自己优化排序方式,选项的顺序可以说服用户进行选择,用户可能因为第一个选项在列表中的位置而选择了第一个选项;可以辅助用户,也可以让用户向着产品所希望的方向倾斜。例如你在选择菜谱时,产品为了让用户选择更加优质的菜谱,就会把用户评价高的菜谱放在前列;当然商家也会这么做,例如你要去买某款商品,商家会在选项中把热门、优质的产品放在最上方,让你优先选择。

    e429bef31a11bde2a75b884cd44f98cd.png

    从用户体验排列顺序:

    从用户角度来说哪些对用户体验好,那么就把它排在前面。例如汽车之家在进行车辆类别的排序中就把用户量最多的轿车排在第一位,而把用户量最少的轻客放在了最后一位;同样它在汽车品牌选择中,单独列出了热门品牌把它放在前列,让用户进行快速选择。

    02b93924d93ad25a365d8f2ba374f08b.png

    3、一致性

    视觉布局一致:

    每个元素之间的对齐、元素与元素之间的间距、按钮不同状态的视觉体现。一般情况下移动端更倾向于左对齐,这样有利于快速读取选择内容,可以提高用户的浏览效率并减少错误。

    267ee07e8c4fbe5208c562b247be1deb.png

    图片/插画风格统一:

    在图文结合的选择器中,我们一定要保证图片(插画)的优质以及风格的统一。

    22672813bd96b00aa9650188e56b4b9b.png

    4、合理运用默认选项

    默认选项是选择器的开始状态。在不同的选择器中有不同的默认方式。

    默认未选中:

    这是最常见的一种状态,特别是对于选择年龄、生日这些个人隐私信息,系统也没有办法进行默认选择。

    a5bd1bf4ad67da2deeb8801c8c22d6bd.png

    默认选中其中一个选项:

    要想默认其中一项,必须考虑两点因素,因素一:你想要潜意识的像用户传达信息,在单选选择器中默认选择一项后,就可以潜意识的向用户传递信息必须要在这组单选项之中选择一个。因素二就是产品的倾向,例如此产品的性别9成都是女性,那么建议默认选项为女性。

    6f40c5fa7903c8431bf01dceba720f9c.png

    默认选中全部:

    其实默认选中全部在用户体验上来讲真的不是那么的友好,例如微博这个选择器界面,刚进这个界面时已经全部勾选中,并且当你没注意习惯性的点击下面的按钮时会生立即效,没有返回的余地。(吐槽:有些APP甚至没有一键取消功能,要一个个的点击取消...)这也是为了产品牺牲掉了部分用户体验吧!

    0c5b08af513126f704e7c6beb82ab717.png

    5、给用户更多选择

    单选选择器的更多选择:

    如果用户不想做出选择,那么应该提供一个中立选项,为用户提供一个明确的方向,中立选项比勉强选择要好。例如在选择行业领域时,以上并没有你所处的领域或你不确定你的领域,你就可以选择“不限”或“其他”。

    d2c52bf36eb54089647e0dc3e5202663.png

    多选选择器的更多选择:

    在多选选择器中,如果不能把控到用户的准确选项区间,那么可以考虑滑动多选选择器,让用户有更多的选择区间,不管是汽车之家还是懂车帝在选择车辆价格上两者都是采用的相同方式。

    4c55309d106581791575e34b03a32597.png

    6、控件状态

    选择控件在操作过程中必须更改其状态/外观,要明确让用户知道是否能选中,是否被选中。控件状态一般分为三种:未选中、选中、禁用。

    未选中

    选择器的开始状态,向用户表明,可对该选择控件进行操作。

    选中

    用户操作选取状态,选择控件处于被选中的状态。

    禁用

    一般情况会为灰色显示,用户将无法与选项进行交互。

    7b81c82e0254b10910771dff2b336c5c.png

    7、操作提示

    指的是用户在操作中让用户得到相应的反馈,用户根据这些反馈可以判断当前状态以及操作后状态。在选择器中,操作提示一般用辅助文案提示及非模态弹窗提示。

    辅助文案提示(选择前与选择中):

    辅助文案指的是在选择控件主体之外另外放置一些文案信息来充当说明,例如下面是地区选择,我在选择不同层级的区域时,它的上方会出现辅助提示文案,让你明确的知道你上一层级选择的是什么。

    9f368a661b08c8cf18af0da299d2156d.png

    同样,当我在选择价格区间时,滑动选择器的左上方一样有文字类的提示:

    60ae209423721cd83510e484e2e93fe3.png

    非模态弹窗提示(选择后):

    非模态弹窗一般出现在用户操作完的跳转页面中,为了让用户感知所选的选项在页面的状态,如下,非模态弹窗告知用户一共有7辆车符合标准。

    09697d6cd7d6762569b03ca2e8f1cb79.png

    当然除了非模态弹窗外,还有模态弹窗,但是用户体验极差,目前很少使用,所以就不列出来了。

    8、合理使用操作区域

    扩大点击区域:

    在选取按钮类的操作时,容易出现点击不到或误操作的现象,我们可以通过扩大点击区的交互区域来提高易用性,例如下图,虽然按钮在左边,但是可以把横向区域都列为可点击区域。

    827c07c16fa2f12562b84a48349c8dd7.png

    当然我们也可以从设计的角度来扩大视觉范围,从而也提高了点击范围,这样的处理不仅提升了视觉层面,还提升了交互体验。(图文结合方式)

    1a9a107c358fa290618c8330979894df.png

    注意交互间距:

    在元素与元素之间一定要有合理的交互间距,不然很容易出现误选的情况。

    fc5307d9f8cbf400e4937da4a66408ec.png

    合理利用有效区域:

    在选项较多的选择器中,我们可以利用好选择主体控件之外的区域,例如在选择城市/品牌时,我们可以做A-Z index式字母交互区,帮助用户快速找到想要的选项。

    8c25152bd5321a4fd75aa9bfe7b3e43f.png

    9、趣味性

    让用户选择本来就是一件枯燥乏味的事情,如果让这件事变得有趣那么会极大的提升用户体验。

    从文本层面:

    例如当用户填写性别信息时,你给予用户的文字信息并不是“男”/“女”,而是“帅气的boy”与“酷酷的girl”,这样会让用户觉得这是一件比较有趣的事情,而不是被动选择。(注:这样的取名一定要符合产品的特性)

    从视觉层面:

    加入可玩儿性的选项,例如汽车之家的头像切换,可以选择自己喜欢的头像。(头像并不是强制选择的,如果不进行操作则是默认选项)

    c0992ba162ba1bed460703897ddc5e4c.png

    从交互层面:

    让用户去享受选择。例如Soul的星球首页就做的非常棒,在未选择状态他的人物会360度围绕着转动,当然你也可以快速拖拽,或者放大缩小,可玩儿性十足,并且在内部设定了最匹配/新人的高亮显示,协助用户去选择。

    58fd7433d0fac5b363c0cc14909fe8a6.png

    10、合理使用选择器

    不同的产品在使用选择器时都各有不同,因为每个选择器都有他的利弊,而真正要怎么去选择还要根据产品本身来定。

    那么我就拿目前市面上最常见的5个地址选择器的类型来分析一下利弊:

    1/多联动选择器(平铺式)

    e464b5d8ab72f4f8d5e41f978bca3749.png

    货车帮采用的是多联动平铺式选择器,它最大的特点就是能够一眼就看清楚所有地址,不过地址多时需要花时间去找,只是当你经常使用此功能时便会形成记忆,再此搜索的时候就能形成记忆点击,效率很高,并且在操作外还有路径提示,不仅可以帮助你记住层级选项,还可以实时返回路径进行重新选择。

    手势操作:点-点-点

    2/多联动选择器(列表跳转式)

    1efffcdd93d8b3145b39ddc57b704ce1.png

    闲鱼采用的是多联动列表跳转式选择器,这个选择器最大的缺陷就是选择三级之后用户可能会忘了上一级的内容,那么就又要切换到上一级,闲鱼采用它的原因是因为它只有二级联动,不存在遗忘现象,不过这样列表式的选择效率并没有平铺的效率高,人眼习惯扫视横向内容,所以横向的内容获取往往要比纵向的多,在地址选择器上我个人是不太建议采用多联动列表跳转式,因为并不高效也不直观。

    手势操作:滑-点-点

    3/多联动选择器(列表式)

    321486b302aa0eccc7677a0af11b7488.png

    转转采用的是多联动列表式选择器,它的优点是可以根据右侧字母来找城市,数据偏大也能够很快的查找。不过如果在层级的选项中出现错误,同样就要切换到上一级,并且在操作中没有辅助信息提示。

    手势操作:滑/点-滑/点

    4/多联动选择器(下滑式)

    d9043c2cc7ea522bb4d36673cbe6bcd5.png

    安居客采用的是多联动下滑式选择器,这种形式的选择器不会遮挡后面的主要内容信息,在选择完地址之后能立即看到地址的筛选结果。优点是能快速选择多级地址,并且层级分明,扩展性较强可以做成地址多选。缺点是不适合3个层级以上的地址选择。

    手势操作:点-滑/点-点

    5/地图选择器

    a994fe681cdbe779a16965de315406d5.png

    美团外卖采用的是地图选择器,这个选择器一般用在需要精准定位的生活类APP中,它的优点就是能够快速精准定位,并且自动录取定位信息,它的缺点也显而易见,不能含带层级并且对范围也有约束。

    本文首发于微信公众号 黑狮力(ID:heishilisj),如需转载,请联系原作者。

    展开全文
  • 使用“待办事项列表”,您甚至无需打开新选项卡或打开单独的应用程序即可访问下拉任务列表。 “待办事项列表”的自由性使您可以浏览网络并记下要提醒的重要信息,对于那些希望提高工作效率的人来说,这是一个了不起...
  • 查询结果几乎都由你Excel二维表决定(支持N列,各行所有内容都自定义),查询下拉选项由你上传的数据库决定,查询条件可以自由修改,比如通过两项查询的系统,可以是姓名 学号查成绩,姓名 身份证号查工资,姓名 ...
  • 浏览数据-检查输入错误的数据,查找相关数据 为给定用户分配实验条件 从DataFrame创建HTML下拉列表 按类别查找最常见的短语 将自由文本回复分为任意数量的有意义的组(例如,找到调查主题) 使用默认选项制作一个...
  • ai 条形码插件

    2013-02-21 13:50:51
    在code栏里输入正确的13位条码号(最后的校验位可不必输入,会自动生成,若你发现自动生成的未位与资料来符,请及时核对你的资料的正确性),输入时你可以不用分隔符隔开,输入完后会自动隔开的。 在code witdth里...
  • 多媒体教室

    2013-06-14 08:10:31
    学生可以在输入框中输入文字来同教师进行交流,输入文字后敲回车键即可。也可以通过下拉框选择系统提供的默认文字,并敲回车键。  3.5 自动接收 正常条件下,学生机软件只要运行,就会自动登录系统,同时自动检测...
  • 和后台用户组权限可以自由组合外, 还具备分版块控制生成html页面、可选用的所见即所得编辑器、防止图片和附件防盗链、多附件上传下载、输入图片URL直接显示图片、版块主题分类、版块 积分控制与版块内的用户组权限...
  • 和后台用户组权限可以自由组合外, 还具备分版块控制生成html页面、可选用的所见即所得编辑器、防止图片和附件防盗链、多附件上传下载、输入图片URL直接显示图片、版块主题分类、版块 积分控制与版块内的用户组权限...
  • 和后台用户组权限可以自由组合外, 还具备分版块控制生成html页面、可选用的所见即所得编辑器、防止图片和附件防盗链、多附件上传下载、输入图片URL直接显示图片、版块主题分类、版块 积分控制与版块内的用户组权限...
  • 和后台用户组权限可以自由组合外, 还具备分版块控制生成html页面、可选用的所见即所得编辑器、防止图片和附件防盗链、多附件上传下载、输入图片URL直接显示图片、版块主题分类、版块 积分控制与版块内的用户组权限...
  • 和后台用户组权限可以自由组合外, 还具备分版块控制生成html页面、可选用的所见即所得编辑器、防止图片和附件防盗链、多附件上传下载、输入图片URL直接显示图片、版块主题分类、版块 积分控制与版块内的用户组权限...
  • 外链类型设置主要是应用于网站外链数据功能、工作任务统计功能,作为添加网站外链数据下拉选项值以及工作任务统计统计项。 |-2.1.3 用户设置 用户设置主要是设置系统用户信息,不同用户组具有不同的系统使用权限,...
  • 在原理图首选项(默认值)(BC:10072)中启用“覆盖库原语”选项时,不再覆盖原理图组件(指示符或注释)值。 28539 “属性”面板的“组件”模式现在在“参数”选项卡上包含“规则”部分,允许在原理图上指定组件...
  • 从这里也可以自由输入,注册步骤值:1|0|0|0|0|0|0|1|0|0|0|0,把0为改1即为是完成一个步骤。改变用户明星榜(VIP)开始时间、结束时间,都可以在这里进行修改。 (2)、搜索结果列表下有选择操作项比较多,这里...
  • MAPGIS地质制图工具

    2013-05-06 16:15:30
    本软件可以自由复制传播,但不可用于商业用途。 操作演示请切换到“操作视频”帮助页面,网上下载高清有声视频。 现Section版本具有的主要功能模块: 1、绘制剖面图功能; 2、绘制柱状图功能; 3、辅助工具Ⅰ和辅助...
  • 还支持文件、视频上传、谷歌地图功能等,支持优惠券功能,用户下单输入优惠券号码可以抵减相应订单金额,是不错的商城促销手段。系统还支持数据库在线压缩、备份、恢复功能,自定义排序浏览、文本打印、订单Excel...
  • 教师端工具栏中新风格的下拉列表可以设置更多选项。 能够直接从教师端工具栏发送快速自定义消息。 能够直接从教师端工具栏中选择要展示的视频。 能够直接从教师端工具栏中选择要展示的重放文件。 能够钉住下拉菜单,...
  • 教师端工具栏中新风格的下拉列表可以设置更多选项。 能够直接从教师端工具栏发送快速自定义消息。 能够直接从教师端工具栏中选择要展示的视频。 能够直接从教师端工具栏中选择要展示的重放文件。 能够钉住下拉菜单,...
  • 还支持文件、视频上传、谷歌地图功能等,支持优惠券功能,用户下单输入优惠券号码可以抵减相应订单金额,是不错的商城促销手段。系统还支持数据库在线压缩、备份、恢复功能,自定义排序浏览、文本打印、订单Excel...
  • 还支持文件、视频上传、谷歌地图功能等,支持优惠券功能,用户下单输入优惠券号码可以抵减相应订单金额,是不错的商城促销手段。系统还支持数据库在线压缩、备份、恢复功能,自定义排序浏览、文本打印、订单Excel...
  • 还支持文件、视频上传、谷歌地图功能等,支持优惠券功能,用户下单输入优惠券号码可以抵减相应订单金额,是不错的商城促销手段。系统还支持数据库在线压缩、备份、恢复功能,自定义排序浏览、文本打印、订单Excel...
  • bootstrap searsh suggest插件,省市区级联查询,代码如下,第一遍是可以的,但是改变省之后,查询市后台的数据是返回对应市下面的数据,但是市的搜索框可选项还是老的,由于插件无法代自定义参数,所以通过click...
  • 还支持文件、视频上传、谷歌地图功能等,支持优惠券功能,用户下单输入优惠券号码可以抵减相应订单金额,是不错的商城促销手段。系统还支持数据库在线压缩、备份、恢复功能,自定义排序浏览、文本打印、订单Excel...
  • 还支持文件、视频上传、谷歌地图功能等,支持优惠券功能,用户下单输入优惠券号码可以抵减相应订单金额,是不错的商城促销手段。系统还支持数据库在线压缩、备份、恢复功能,自定义排序浏览、文本打印、订单Excel...
  • 还支持文件、视频上传、谷歌地图功能等,支持优惠券功能,用户下单输入优惠券号码可以抵减相应订单金额,是不错的商城促销手段。系统还支持数据库在线压缩、备份、恢复功能,自定义排序浏览、文本打印、订单Excel...
  •  建立一个用户可以自由交易的平台,通过ajax实现局部刷新,实现网站更具人性化,具有更良好的互动。以下是总体需求 1.1 通过手机号码注册账号并且登陆  每个手机号码只可以注册一个账号,并且通过账号完善个人...
  • 交警电子笔录 1.61

    2011-11-17 12:53:17
     2、基本资料部分以填空方式输入,笔录内容可以自由输入,软件对某些输入内容作了必要的限制以确保规范性;   3、“开始时间”自动设置为软件打开时系统时间,允许修改,双击“结束时间”可以取系统现在时间,...
  • 姓名,性别(男,女),出生日期(时间选项),居住地(下拉选项),工作年限,户口(选择),电子邮件,家庭电话,移动电话。 企业基本资料: 企业名称,英文名称,中文简称,企业网址,成立时间,企业法人,年...

空空如也

空空如也

1 2 3 4
收藏数 69
精华内容 27
关键字:

下拉选项可以自由输入