[w3 css]

Hello,

I need to use bootstrap css and js functions with easyui and i have search here and admin suggested that we use bootstrap css and js before easyui css and js , but when i do that none of css styles apply to the data-grid or any other components , so is this a bug or easyui not compatible with bootstrap?.

Finally i have used easyui with w3 css and it working fine but in there also data-grid cannot be style using classes, why is that? Is there special way to style the data-grid

Means when i used class="easyui-datagrid w3-table-all" ---not working
also class="easyui-datagrid table table-condensed" --not working

Please help me 

[bootstrap tour]

Hi,
 
Please don't consider this as a stupid question, i know that any div can access via it id attribute, but i am asking my question because bootstrap tour is not properly scrolling to bottom of the page when my div lies inside a region, but it is working in normal html page without easyui, so i need to access divs inside easyi region and also need to access a panel inside a region

Note: when these divs are inside a tab then i can access as $('#tt').tabs('getSelected').scrollTo("#sec01") and it work, but only unable to get element when it inside a region

Thanks, as always love this framework

[Footer row with dynamically updating capabilities]

Dear All,

Footer row with dynamically updating capabilities

I need to show two values in the easyui data-grid footer. i.e Total Bal & Available Bal

Let me explain this further, in my data-grid users must be able to inline edit data-grid cell in a column (let say balance) and when user finish editing i want to reload the footer(only footer, not entire grid) by showing the remain balance as the (Total Bal- entered Amount) and this must repeat each cell , means Available bal must be gradually decrees while user enter values, So how can i achieve this, Please help me  

I saw this example, but it want update when i edit cell value
http://jsfiddle.net/DQMQ9/

Thanks

 

[Redirect user to the same tab number in the redirected page]

Dear Sir,

Redirect user to the same tab number in the redirected page

I have three tabs define in page_one.html and same structure is define in page_two.html, so when user click on button in page one user will redirect user to second page, but i want to redirect him to the same tab(say tab 2 ) instead of redirect to page it self, so how can i achieve this

Thank you

Thanks , works as expected 

[texteditor]

Hi,

It seems this question odd, but i have a requirement that i need to Make texteditor extension read-only & hide it's toolbar, so how can i achive this

Hello,

I would like to know how can i only allow adjacent drag & drops in data grid(means row 1 to row 2 etc), basically i want to prevent users drag & drop between distant rows (means rows 1 to row 3 etc). Currently i have achieved it by using simple logic but i would like to know whether it can be achieve using setup a property in easyui

here my code

Code:

<?php include './includes/header.php';?>
<?php include './includes/nav.php';?>

<div data-options="region:'center',title:'Cheklist',border:false" style="height:20px;padding:10px;">

<table id="dg" class="easyui-datagrid" title="DataGrid" style="width:auto;height:auto" url="get_users.php" rownumbers="false" data-options="
singleSelect:true,
onLoadSuccess:function(){
$(this).datagrid('enableDnd');


},
onDrop:function(destRow,sourceRow,point){
if((sourceRow.fid-destRow.fid)==1 || (destRow.fid-sourceRow.fid)==1){
                               
                var dId = destRow.id;  // get dropped row id
var sId = sourceRow.id;  // the dragged row id
var destId = destRow.fid;  // get dropped row id
var sourceId = sourceRow.fid;  // the dragged row id
var destVal = destRow.val;  // get dropped row id
var sourceVal = sourceRow.val;  // the dragged row id

$.post('save_user.php',{dId:dId,sId:sId,destId:destId,sourceId:sourceId,destVal:destVal,sourceVal:sourceVal,point:point},function(result){
if (result){

$.messager.show({ // show error message
title: 'Success',
msg: 'done'
});
$('#dg').datagrid('reload');
} else {
$.messager.show({ // show error message
title: 'Error',
msg: 'not done'
});
}
},'json');

                }else{
$.messager.show({ // show error message
title: 'Error',
msg: 'Cannot move like that'
});
$('#dg').datagrid('reload');

}
             }
">
<thead>
<tr>
<th data-options="field:'id',width:80">ID</th>
<th data-options="field:'val',width:100">Value</th>

</tr>
</thead>
</table>


</div>


<?php include './includes/footer.php';?>