 Show Posts
|
|
Pages: [1] 2 3 ... 5
|
|
2
|
General Category / EasyUI for jQuery / How to make the datagrid fill the tabs panel?
|
on: October 30, 2019, 05:53:42 AM
|
I use the following code in the page: <body class="easyui-layout">
<div region="west" split=true width=280 title="mytitle">
<div id="menu"></div>
</div>
<div region="center">
<div id="ts"></div>
</div>
<script>
$(function(){
$('#menu').tree({
fit:true,
border:false,
data:[{
text:'test1'
},{
text:'test2'
}],
onClick:function(node){
var str = node.text;
if($('#ts').tabs('exists',str)){
$('#ts').tabs('select',str);
}else{
$('#ts').tabs('add',{
title:str,
closable:true,
content:'<div id="' + str + '"></div>'
});
}
}
});
$('#ts').tabs({
border:false,
pill:true,
onAdd:function(title,index){
var dg = $('#' + title);
dg.datagrid({
border:false,
width:'auto',
height:'auto',
// fit:true,
pagination:true,
})
}
});
})
</script>
</body>
Why is the fit property in the datagrid invalid? What should I do if I want the datagrid to fill the panel? Please help, thank you! |
|
|
|
|
3
|
General Category / EasyUI for jQuery / Panel issue in 'tabs'
|
on: June 24, 2019, 08:16:07 PM
|
I want to display the chart in the 'tabs' panel. It works fine in 'panel'. It is fine to use in the first panel of 'tabs', but it is not displayed in other panels of 'tabs'. The following is the sample code. Is there any problem? var option = {
......
};
//'panel' can be generated normally
var p = $('#p').panel('body').css('padding','10px');
var c1 = echarts.init($('#p')[0]);
c1.setOption(option);
//The first panel of 'tabs' can also be generated normally.
var tab = $('#t').tabs('getTab',0);
var c2 = echarts.init(tab.panel('body')[0]);
c2.setOption(option);
//Why aren't the other panels of 'tabs' displayed properly?
tab = $('#t').tabs('getTab',1);
c3 = echarts.init(tab.panel('body')[0]);
c3.setOption(option);
In order to facilitate the processing of the problem, I have put the example in the attachment. Please help solve, thank you! |
|
|
|
|
7
|
General Category / EasyUI for jQuery / Re: Transparent background of sidemenu
|
on: June 18, 2019, 10:14:53 PM
|
|
Thank you, already solved! I still recommend that the official fix this problem in the sidemenu component, and can add some methods.
In addition, I came across a new question: Why isn't the icon button in sidemenu displayed in some Android systems? When the linkbutton is used and its plain property is set to true, it can be displayed normally.
|
|
|
|
|
8
|
General Category / EasyUI for jQuery / Transparent background of sidemenu
|
on: June 18, 2019, 04:17:00 AM
|
I am trying to use easyui to do mobile projects. Here is the sample code: <div class="easyui-navpanel">
<header>
<div class="m-toolbar">
<span class="m-title">title</span>
<div class="m-right">
<a id="sm"></a>
</div>
</div>
</header>
</div>
<script type="text/javascript">
var data = [{
text: 'Item1',
iconCls: 'icon-more',
state: 'open',
children: [{
text: 'Option1'
},{
text: 'Option2'
},{
text: 'Option3',
children: [{
text: 'Option31'
},{
text: 'Option32'
}]
}]
}];
$('#sm').sidemenu({
width:20,
height:30,
border:false,
data:data,
collapsed:true
});
</script>
I have a few questions: 1. How can I make the background of sidemenu transparent? 2. Can I show or hide sidemenu by other button clicks? 3. Can sidemenu be bound to the menu attribute of the menubutton component? Looking forward to your answer, thank you very much! |
|
|
|
|
13
|
General Category / EasyUI for jQuery / Re: How to use filebox to upload files in datagrid?
|
on: March 18, 2019, 08:55:09 PM
|
|
There is also a second problem: after the file is successfully uploaded, once it leaves, the content displayed by the cell will automatically include the path; when you enter the cell again, the file name will be automatically cleared.
How should I set the options of the filebox to avoid this situation?
|
|
|
|
|
14
|
General Category / EasyUI for jQuery / Re: Cell data validation for "cellediting"
|
on: March 18, 2019, 05:06:15 PM
|
Thank you, jarry, you have given me a lot of help, thank you very much! I saw this example and it really is fine. The problem is that if you change the datagrid to edatagrid, it doesn't work: it will still go into editing when you click on another row or other cell. I now want to use cell-editing in edatagrid, because edatagrid has saveUrl, updateUrl and other attributes, it is more convenient. |
|
|
|
|
15
|
General Category / EasyUI for jQuery / How to use filebox to upload files in datagrid?
|
on: March 18, 2019, 08:09:07 AM
|
I set up the filebox editor in the datagrid: editor:{
type:'filebox',
options:{
buttonText:'…',
accept:'image/*',
onChange:function(){
//There is no form here, how to upload files?
}
}
}
But there are two problems below, please help: 1, using filebox can only select files and display the name in the text box, how to use form to upload files? How to add form to this text box? 2. When you enter the filebox text box again, the original file name will be deleted automatically. How can I avoid this? Thank you! |
|
|
|
|
