Hi all,
My problem is:
When I login my application depends on who I am the 'menu' must be different.
here is my code:
function doLayout(role){
switch(role){
case "admin":
$('#menu').empty();
$('#menu').append('<a href="#" id="linkAdmin" class="easyui-linkbutton" plain="true" iconCls="icon-ok">admin</a>');
$('#menu').append('<a href="#" id="linkUser" class="easyui-linkbutton" plain="true" iconCls="icon-ok">user</a>');
$('#menu').show();
break;
case "user":
$('#menu').empty();
$('#menu').append('<a href="#" id="linkUser" class="easyui-linkbutton" plain="true" iconCls="icon-ok">user</a>');
$('#menu').show();
break;
}
}
but the render in the browser is:
(http://www.jeasyui.com/forum/index.php?action=dlattach;topic=375.0;attach=135) login.png
and in Firebug it shows:
(http://www.jeasyui.com/forum/index.php?action=dlattach;topic=375.0;attach=132;image) login-firebug.png
My problem is resolved !!!!
I should write my code like this:
function doLayout(role){
switch(role){
case "admin":
$('#menu').empty();
$('#menu').append('<a href="#" id="linkAdmin">admin</a>');
$('#linkAdmin').linkbutton({
plain:true,
iconCls:'icon-ok'
});
$('#menu').append('<a href="#" id="linkUser">user</a>');
$('#linkUser').linkbutton({
plain:true,
iconCls:'icon-ok'
});
$('#menu').show();
break;
case "user":
$('#menu').empty();
$('#menu').append('<a href="#" id="linkUser">user</a>');
$('#linkUser').linkbutton({
plain:true,
iconCls:'icon-ok'
});
$('#menu').show();
break;
}
}