实现基于json的级联菜单
2008-01-03 10:10
429 查看
对于ajax应用来说,把和控件榜定的数据用json来承载,既可以避免频繁调用httprequest,也可以避免xml带来的性能解释。
假设我们要有一个级联菜单,显示用户组以及下面的用户,我们可以这样做
$group_user = Array();
$groups = $db->getAll("select * from $dbutils->group");
for ($i = 0, $count = count($groups); $i < $count; $i++) {
$users = $db->getAll("select * from $dbutils->user_group ug,$dbutils->user u where ug.user_id = u.user_id and ug.group_id = ".$groups[$i]['group_id']);
$group_user[$groups[$i]['group_id']]['users'] = $users;
}
$json = new JSON(JSON_LOOSE_TYPE);
$group_user_json_data = $json->encode($group_user); //将数据从php数组转换成javascript数组
$group_user_javascript_data = '' . "/n"
. '' . "/n"
. '';
在模板表单里面
echo $group_user_javascript_data; //把json的数据显示出来
?>
function addOptions(optionList, optionMenu)
{
removeOptions(optionMenu); // clear out the options
for (var i=0; i < optionList.length; i++) {
optionMenu[i] = new Option(optionList[i].truename, optionList[i].user_id);
}
}
function removeOptions(optionMenu)
{
len = optionMenu.options.length;
for (var i=len-1; i >=0 ; i--) {
optionMenu.options[i] = null;
}
}
function change_group() {
var users = group_user_json_data[document.getElementById('receive_group').value]['users'];//从json里面得到对象
addOptions(users, document.getElementById('receive_user'))
}
接收部门
接收人
Trackback: http://tb.blog.csdn.net/TrackBack.aspx?PostId=1252065
假设我们要有一个级联菜单,显示用户组以及下面的用户,我们可以这样做
$group_user = Array();
$groups = $db->getAll("select * from $dbutils->group");
for ($i = 0, $count = count($groups); $i < $count; $i++) {
$users = $db->getAll("select * from $dbutils->user_group ug,$dbutils->user u where ug.user_id = u.user_id and ug.group_id = ".$groups[$i]['group_id']);
$group_user[$groups[$i]['group_id']]['users'] = $users;
}
$json = new JSON(JSON_LOOSE_TYPE);
$group_user_json_data = $json->encode($group_user); //将数据从php数组转换成javascript数组
$group_user_javascript_data = '' . "/n"
. '' . "/n"
. '';
在模板表单里面
echo $group_user_javascript_data; //把json的数据显示出来
?>
function addOptions(optionList, optionMenu)
{
removeOptions(optionMenu); // clear out the options
for (var i=0; i < optionList.length; i++) {
optionMenu[i] = new Option(optionList[i].truename, optionList[i].user_id);
}
}
function removeOptions(optionMenu)
{
len = optionMenu.options.length;
for (var i=len-1; i >=0 ; i--) {
optionMenu.options[i] = null;
}
}
function change_group() {
var users = group_user_json_data[document.getElementById('receive_group').value]['users'];//从json里面得到对象
addOptions(users, document.getElementById('receive_user'))
}
Trackback: http://tb.blog.csdn.net/TrackBack.aspx?PostId=1252065
相关文章推荐
- 实现基于json的级联菜单
- 实现基于json的级联菜单
- 实现基于json的级联菜单
- 实现基于json的级联菜单
- 实现基于json的级联菜单
- 实现基于json的级联菜单
- 实现基于json的级联菜单
- 实现基于json的级联菜单
- 实现基于json的级联菜单
- 实现基于json的级联菜单
- 实现基于json的级联菜单
- 实现基于json的级联菜单
- 实现基于json的级联菜单
- 实现基于json的级联菜单
- JavaScript-基于JSON级联列表实现
- java jquery json实现二级级联互动菜单
- Ajax 使用 json 进行数据交互,实现 级联菜单功能
- Ajax+Json 级联菜单实现代码
- 二级联互动菜单(java jquery json实现)
- Ajax+Json 级联菜单实现代码