时间:2021-05-26
第一次写关于AppCan开发的文章,有人写了关于jQuery或者原生Ajax与json的交互,那我就稍微写写我开发过程中使用jQuery获取json后使用zy_tmpl生成下拉菜单的实例吧。
PHP服务端生成json的那部分就不写那么多了,就是输入一个数组$res,然后
复制代码 代码如下:
echo $_GET['jsoncallback'] . "(" . json_encode($res) . ")";
在AppCan的模版中,先加入一个下拉菜单,我的菜单是:
<!--下拉列表开始--><div class=" ui-has-label"> <label class="ui-select ">选择楼群:</label> <div class="ui-select"> <div class="ui-btn ui-btn-icon-right ui-btn-corner-all ui-btn-b"> <span class="ui-btn-inner ui-btn-corner-all" > <span class="ui-btn-text">楼名</span> <div class="ui-li-link-alt ui-btn ui-btn-corner-right ui-shadow"> <span class="ui-icon ui-icon-arrow-d ui-icon-shadow"></span> </div> </span> <select name="lc" id="lc" selectedIndex="0" id="select-choice-0" onchange="zy_slectmenu(this.id)"> 数据加载中,请稍候 </select> </div> </div></div><!--下拉列表结束-->然后在中加入:
function getlq(){ $.getJSON('http://localhost/json.php?jsoncallback=?', function(data) { var tmpl='<option value="${BuildingId}">${BuildingName}</option>'; $("#lc").html(""); $("#lc").append(zy_tmpl(tmpl,data,zy_tmpl_count(data))); })}这样在onload或者onchange、onclick时执行getlq();就能实现select的更新。
以上所述就是本文的全部内容了,希望大家能够喜欢。
请您花一点时间将文章分享给您的朋友或者留下评论。我们将会由衷感谢您的支持!
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
使用CSS可以创建一个鼠标移入后显示下拉菜单的效果。1、下拉菜单的实现当鼠标移入指定元素时,显示下拉菜单。代码如下:XML/HTMLCode复制内容到剪贴板简单
本章将具体讲解下拉菜单的交互。使用下拉菜单(Dropdown)插件,您可以向任何组件(比如导航栏、标签页、胶囊式导航菜单、按钮等)添加下拉菜单。下拉菜单.dro
本文实例讲述了jquery实现的淡入淡出下拉菜单效果。分享给大家供大家参考。具体如下:这是一款jQuery带有淡入淡出效果的下拉菜单,可作为一个下拉导航菜单的模
本文实例讲述了jquery实现鼠标滑过显示二级下拉菜单效果。分享给大家供大家参考。具体如下:这是一款jquery实现的下拉菜单,当鼠标移在主菜单上的时候,向下滑
Bootstrap下拉菜单这一章讲解了下拉菜单,但是没有涉及到交互部分,本章将具体讲解下拉菜单的交互。使用下拉菜单(Dropdown)插件,您可以向任何组件(比