基于Amaze UI 黑白双色后台模板 里Prompt的bug

回复

Gazer 发起了问题 • 1 人关注 • 0 个回复 • 86 次浏览 • 2017-05-07 20:02 • 来自相关话题

选项卡+轮播图 GG

回复

糯米 发起了问题 • 1 人关注 • 0 个回复 • 81 次浏览 • 2017-05-06 17:29 • 来自相关话题

scrollspy 进入和离开的示例

太牛了吧 回复了问题 • 2 人关注 • 2 个回复 • 342 次浏览 • 2017-05-06 11:55 • 来自相关话题

amazeui 提供的示例模板在IE9上不显示,在ie8是可以看到的

回复

…… 发起了问题 • 1 人关注 • 0 个回复 • 62 次浏览 • 2017-05-05 15:33 • 来自相关话题

一夜没睡,完成select四级联动

wo4828373 发表了文章 • 2 个评论 • 135 次浏览 • 2017-05-05 05:55 • 来自相关话题

选用am的select主要是因为有个搜索功能。没有做到无限级联动,惭愧。不过接近于无限级,只是要手功添加select元素,后面看看能不能JS自动添加,应该不难了。另外希望大神指点,我想进一步优化这个功能,非常非常需要更好的建议。PHP是用ThinkPHP,PS:看到这个论坛的样式表和JS没一点AM的影子,我决定放弃这个东西了。HTML部分 选用am的select主要是因为有个搜索功能。没有做到无限级联动,惭愧。不过接近于无限级,只是要手功添加select元素,后面看看能不能JS自动添加,应该不难了。另外希望大神指点,我想进一步优化这个功能,非常非常需要更好的建议。PHP是用ThinkPHP,PS:看到这个论坛的样式表和JS没一点AM的影子,我决定放弃这个东西了。HTML部分<div class="am-g cat_select"> <div class="am-u-sm-12 am-u-md-12"> <p>选择商品分类</p> <select name="cat_id[]" data-am-selected="{btnSize: 'sm',searchBox: 1,maxHeight: 200}"> <option value="">请选择</option> <foreach name="cat_list" item="v"> <option value="{$v.cat_id}">{$v.cat_name}</option> </foreach> </select> <select name="cat_id[]" data-am-selected="{btnSize: 'sm',searchBox: 1,maxHeight: 200}"> <option value="">请选择</option> </select> <select name="cat_id[]" data-am-selected="{btnSize: 'sm',searchBox: 1,maxHeight: 200}"> <option value="">请选择</option> </select> <select name="cat_id[]" data-am-selected="{btnSize: 'sm',searchBox: 1,maxHeight: 200}"> <option value="">请选择</option> </select> </div> </div>CSS部分: .cat_select select{display:none;} .cat_select .am-selected{display:none;}JS部分:$(function(){ $(".cat_select .am-selected:eq(0)").css("display","inline-block"); //$(".cat_select select").change(chang_bin); $(".cat_select select").bind('change',chang_bin); }); function chang_bin(){ if($(this).val().length!=0&&$(this).val()!=null){ var cat_id=$(this).val(); var _this=$(this); $.post("{:U('goods/check')}",{cat_id:cat_id},function(data){ if(data!=0){ //$(_this).nextAll("select").unbind("change"); $(_this).nextAll("select").empty();//清空或添加进都会有个change事件,chang_bin傻傻分不清 $(_this).next().nextAll("div").css("display","none"); var next_select=$(_this).next().next(); var next_div=$(next_select).next(); $(next_select).append('<option value="">请选择</option>');//这里很重要,下面循环添加都会触发change,添加后$(this).val()的值会是null for(i=0;i<data.length;i++){ $(next_select).append('<option value="'+data[i]['cat_id']+'">'+data[i]['cat_name']+'</option>'); } $(next_div).css("display","inline-block"); //$(_this).nextAll("select").bind("change",chang_bin); } else{ $(_this).nextAll("select").empty(); $(_this).next().nextAll("div").css("display","none"); var next_select=$(_this).next().next(); var next_div=$(next_select).next(); $(next_select).append('<option value="">请选择</option>'); } if (!$.AMUI.support.mutationobserver) { $(".cat_select select").trigger('changed.selected.amui'); } }); } }PHP部分:<?php namespace Admin\Controller; use Think\Controller; class GoodsController extends BaseController { public function check(){ if(IS_POST){ $cat_list=M("category")->where("parent_id=".I("cat_id"))->select(); if(count($cat_list)==0) $this->ajaxReturn(0); else $this->ajaxReturn($cat_list); } else{ $this->cat_list=M("category")->where("parent_id=0")->select(); $this->shop_list=M("shop")->select(); $this->display(); } } } 
[ 查看全部 ]
<p>选用am的select主要是因为有个搜索功能。没有做到无限级联动,惭愧。不过接近于无限级,只是要手功添加select元素,后面看看能不能JS自动添加,应该不难了。另外希望大神指点,我想进一步优化这个功能,非常非常需要更好的建议。PHP是用ThinkPHP,</p><p>PS:看到这个论坛的样式表和JS没一点AM的影子,我决定放弃这个东西了。</p><p>HTML部分</p><pre><code class="language-html">&lt;div class="am-g cat_select"&gt;
&lt;div class="am-u-sm-12 am-u-md-12"&gt;
&lt;p&gt;选择商品分类&lt;/p&gt;
&lt;select name="cat_id[]" data-am-selected="{btnSize: 'sm',searchBox: 1,maxHeight: 200}"&gt;
&lt;option value=""&gt;请选择&lt;/option&gt;
&lt;foreach name="cat_list" item="v"&gt;
&lt;option value="{$v.cat_id}"&gt;{$v.cat_name}&lt;/option&gt;
&lt;/foreach&gt;
&lt;/select&gt;
&lt;select name="cat_id[]" data-am-selected="{btnSize: 'sm',searchBox: 1,maxHeight: 200}"&gt;
&lt;option value=""&gt;请选择&lt;/option&gt;
&lt;/select&gt;
&lt;select name="cat_id[]" data-am-selected="{btnSize: 'sm',searchBox: 1,maxHeight: 200}"&gt;
&lt;option value=""&gt;请选择&lt;/option&gt;
&lt;/select&gt;
&lt;select name="cat_id[]" data-am-selected="{btnSize: 'sm',searchBox: 1,maxHeight: 200}"&gt;
&lt;option value=""&gt;请选择&lt;/option&gt;
&lt;/select&gt;
&lt;/div&gt;
&lt;/div&gt;</code></pre><p>CSS部分:</p><pre><code class="language-css"> .cat_select select{display:none;}
.cat_select .am-selected{display:none;}</code></pre><p>JS部分:</p><pre><code class="language-javascript">$(function(){
$(".cat_select .am-selected:eq(0)").css("display","inline-block");
//$(".cat_select select").change(chang_bin);
$(".cat_select select").bind('change',chang_bin);
});

function chang_bin(){
if($(this).val().length!=0&amp;&amp;$(this).val()!=null){
var cat_id=$(this).val();
var _this=$(this);

$.post("{:U('goods/check')}",{cat_id:cat_id},function(data){
if(data!=0){
//$(_this).nextAll("select").unbind("change");
$(_this).nextAll("select").empty();//清空或添加进都会有个change事件,chang_bin傻傻分不清
$(_this).next().nextAll("div").css("display","none");

var next_select=$(_this).next().next();
var next_div=$(next_select).next();

$(next_select).append('&lt;option value=""&gt;请选择&lt;/option&gt;');//这里很重要,下面循环添加都会触发change,添加后$(this).val()的值会是null
for(i=0;i&lt;data.length;i++){
$(next_select).append('&lt;option value="'+data[i]['cat_id']+'"&gt;'+data[i]['cat_name']+'&lt;/option&gt;');
}
$(next_div).css("display","inline-block");
//$(_this).nextAll("select").bind("change",chang_bin);
}
else{
$(_this).nextAll("select").empty();
$(_this).next().nextAll("div").css("display","none");
var next_select=$(_this).next().next();
var next_div=$(next_select).next();
$(next_select).append('&lt;option value=""&gt;请选择&lt;/option&gt;');
}
if (!$.AMUI.support.mutationobserver) {
$(".cat_select select").trigger('changed.selected.amui');
}
});
}
}</code></pre><p>PHP部分:</p><pre><code class="language-php">&lt;?php
namespace Admin\Controller;
use Think\Controller;
class GoodsController extends BaseController {
public function check(){
if(IS_POST){
$cat_list=M("category")-&gt;where("parent_id=".I("cat_id"))-&gt;select();
if(count($cat_list)==0)
$this-&gt;ajaxReturn(0);
else
$this-&gt;ajaxReturn($cat_list);
}
else{
$this-&gt;cat_list=M("category")-&gt;where("parent_id=0")-&gt;select();
$this-&gt;shop_list=M("shop")-&gt;select();
$this-&gt;display();
}
}
}</code></pre><p>&nbsp;</p>

折叠面板用js添加后点击无效 ,求解决~~

回复

泪零 发起了问题 • 0 人关注 • 0 个回复 • 48 次浏览 • 2017-05-04 17:39 • 来自相关话题

导航条搜索框怎么弄的宽一些

回复

ggalin 发起了问题 • 1 人关注 • 0 个回复 • 59 次浏览 • 2017-05-03 23:45 • 来自相关话题

技术群满呐!! 可否扩容呢??

回复

jc_迟早 发起了问题 • 1 人关注 • 0 个回复 • 60 次浏览 • 2017-05-03 18:17 • 来自相关话题

关于select下拉框选项过长的问题

回复

毛线球球 发起了问题 • 1 人关注 • 0 个回复 • 62 次浏览 • 2017-05-02 12:04 • 来自相关话题

设置Select的data-am-selected样式无效

回复

嘿嘿。 回复了问题 • 1 人关注 • 1 个回复 • 69 次浏览 • 2017-05-01 22:59 • 来自相关话题

用的Amaze UI Web 制作的后台 ,在手机端功能没法用,求一解决办法!!!

回复

骚年丶 发起了问题 • 1 人关注 • 0 个回复 • 198 次浏览 • 2017-04-28 16:42 • 来自相关话题

touch版有没有上拉加载更多 下拉实现刷新的插件的?或者怎么有效的实现此功能

biuber 回复了问题 • 3 人关注 • 2 个回复 • 507 次浏览 • 2017-04-28 10:59 • 来自相关话题