[action drop-down button]

Hi,

I wan to add an action drop-down button (Bootstrap or something else) in datagrid cell. So how can i achieve this ?

Boostrap action dropdowns

https://v4-alpha.getbootstrap.com/components/dropdowns/

[$]

Hi All,

I just thought i would add something here , because i used this method and it worked fine until i use the extension called datagrid-detailview?. When i try to use this the + sign does not appears in the data-grid and error msg appears as "undefined call" in datagrid-detailview.js file.

So here hw i resolve it (I thought to post this solution, because someone may face this issue)

I have find and replaces all $ with $eui only in datagrid-detailview.js file and i used files as below (note that extension js file has moved below to the JQUERY file)

Code:

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.2/css/bootstrap.min.css" integrity="sha384-PsH8R72JQ3SOdhVi3uxftmaW6Vc51MKb0q5P2rRUpPvrszuE4W1povHYgTpBfshb" crossorigin="anonymous">
<link rel="stylesheet" type="text/css" href="https://www.jeasyui.com/easyui/themes/default/easyui.css">
<link rel="stylesheet" type="text/css" href="https://www.jeasyui.com/easyui/themes/icon.css">
<script type="text/javascript" src="https://www.jeasyui.com/easyui/jquery.min.js"></script>
<script type="text/javascript" src="https://www.jeasyui.com/easyui/jquery.easyui.min.js"></script>
<script type="text/javascript">
	var $eui = $.noConflict(true);
</script>
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>

//This newly update js goes to here
<script type="text/javascript" src="../javascript/datagrid-detailview.js"></script>


<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.3/umd/popper.min.js" integrity="sha384-vFJXuSJphROIrBnz7yo7oB41mKfc8JzQZiCq4NCceLEaO4IHwicKwpJf9c9IpFgh" crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.2/js/bootstrap.min.js" integrity="sha384-alpBpkh1PFOepccYVYDB4do5UnbKysX5WZXm3XxPqe5iKTfUKjNkCk9SaVuEZflJ" crossorigin="anonymous"></script>

Hello, Admin jarry,

If you have another way of resolve this issue i would be really like to here it

 

Hi Pierre,

YES IT IS WORKING IN EDGE, thanks for helping here

It's because you use warez and leech sites ...

Ha Ha.....I used these to download my TV series, now watching Trollhunters s03

What, in here nothing is displays, please see the screen

https://ibb.co/ctC72d

Do i need to change any setting here, because i am new to this reloado site

Hi jarry,

Unfortunately the link you have provide does not display anything, can you please re-upload the example 

Hi,

Can we add this as an add-on , because it is the only thing that missing in this framework, Can anyone help here  

Because all almost all the Multi Step Form Wizard use Bootstrap and it will conflict with this framework from elements, So i need to add easy-ui form fields to Multi Step Form Wizard. So Admin can you help here

Ex:

Code:

http://techlaboratory.net/smartwizard/documentation
https://codecanyon.net/item/multi-step-form-wizard-jquery-validation/20192265

[Extension section]

Hey,

Can you please add this extension in the Extension section in the WEB, because this is not available yet, have to come here to this post to get it

Dear Administrators,

First of all i am really happy with your development for Angular, but i would like to know are you planning to extend easyui package as React lib, which will support with react developmet

Chora

Hi,

Seems to me this is a really good question, i am also keen to know the answer

Is there any difference between the two version in source codes and capabilities?

Hi,

Finally after search in this forum i found a solution myself, i called this is my life saver code, if anyone else have this problem add this code in the bottom of js file this will do the trick. Again thank stworthy for mention a solution but i do not know what is the 'sharedStyleSheet' property and it is not mentioned in the data-grid doc.I would like to know about this ...(if you have time stworthy). Anyway here is the solution. And i love this forum because it consist solution for almost all the issue which can occur

$('#dg').datagrid({
    onResizeColumn:function(field, width){
        var col = $(this).datagrid('getColumnOption', field);
        col.width = '100'; 
        $(this).datagrid('resize');
    }
})

Hi,

I want to know what is the max number of sub tabs that can have inside a tab. Because when i have eight tabs all the grids shows correctly inside the sub tabs, but when i add another tab (9) then data grid coloums inside the fist tab gets shrink and not display correctly also it does not shows any scrolling bars . So i need to resolve this issue as soon as possible



Thanks
Chora

Hi Pierre,

yes i know this way but my problem is i have lots of datagrid and i have to add one by one into a function as you said, but i want to a method that will target all the datagrid at ones like css selectors

Hello,

I need a way to reload all the data grids (let say 4) with different ids at the same time via single click, how can i achieve this

thank you
chora

Hi,

I just want to know Is easyui support for MVC design pattern or are you planning to implement it in near future editions

Thanks

Chora

Opps I never noticed that, I will try it out, thanks for the help, really appreciate it