Thank you, it has been found.
I mysql-out (php) directions are the data.
I know your example how to modify runtime parameters for the query?
How do I transfer one of the first grid paratméterét the subgrid query?

Thanks for the quick help.
The easyui very good

Hi!
More would subgridet each other.
It happens to a query, of which more data is needed. Then, delving into them as well.
Ex .: listing a week of data daily. Then, delving into details of a selected day. Finally, a list of more data look it up.

the second subgrid does not open well.
Design of the main grid is not updated when sizing the internal grid.
The second element subgrid must be opened twice to place to be.


How do I update all of grid computing to avoid slipping in the picture?

thans for help!

Code:

function riport_ww_ip_address(){
  var date1 = $('#date1_ww_ip_address').datebox('getValue');
  var date2 = $('#date2_ww_ip_address').datebox('getValue');
  var contractor_id = $('#ww_contractors_list').combobox('getValue');
  var url_line;

  if (date1 === date2) { //egy nap lekérése
    if (contractor_id === -1) { // összes AV
      console.log('1dAllav');
      url_line = 'php/sql_riport_ww_ip_address.php?date1=' + date1 + '&date2=' + date2 + '&contractor_id=-1&mode=1dAllav';
    } else {
      url_line = 'php/sql_riport_ww_ip_address.php?date1=' + date1 + '&date2=' + date2 + '&contractor_id=' + contractor_id + '&mode=1d1av';
      console.log('1d1av');
    }
  } else { //több  nap
    if (contractor_id === -1) { // összes AV

    } else {

    }
  }
    $('#grid_ww_ip_address').datagrid({
      url: url_line,
      view: detailview,
      columns:[[
          {field:'tch_name',title:'Technikus',width:100},
          {field:'all_count',title:'Összcím',width:100},
          {field:'ready',title:'Elvégzett',width:100},
          {field:'ok_ready',title:'Sikeres',width:100},
          {field:'unfinished',title:'Megszakított',width:100}
      ]],
      detailFormatter:function(index,row){
        return '<div style="padding:2px"><table class="ddv"></table></div>';
      },
      onExpandRow: function(index,row){
        var index1 = index;
        var ddv = $(this).datagrid('getRowDetail',index1).find('table.ddv');
        if (date1 === date2) { //egy nap lekérése
          if (contractor_id === -1) { // összes AV
            url_line2 = 'php/sql_riport_ww_ip_address.php?date1=' + date1 + '&date2=' + date2 + '&contractor_id=-1&mode=1dAllav2';
          } else {
            url_line2= 'php/sql_riport_ww_ip_address.php?date1=' + date1 + '&date2=' + date2 + '&tch_id=' + row.tch_id + '&mode=1d1av2';
          }
        } else { //több  nap
          if (contractor_id === -1) { // összes AV

          } else {

          }
        };
        ddv.datagrid({
            url: url_line2,
            fitColumns:true,
            singleSelect:true,
            rownumbers:true,
            view: detailview,
            loadMsg:'',
            height:'auto',
            columns:[[
                {field:'ml_num',title:'Munkalapszám'},
                {field:'efi_id',title:'Ügyfélszám'},
                {field:'s',title:'Status'},
                {field:'efi_name',title:'Ügyfél név'},
                {field:'city',title:'Település'},
                {field:'zip',title:'Irányítószám'},
                {field:'efi_address',title:'Cím'},
                {field:'area',title:'Kosár'},
                {field:'type_name',title:'Munkatípus'},
                {field:'close_code_name',title:'Lezárókód'}
            ]],
            onResize:function(){
                $('#grid_ww_ip_address').datagrid('fixDetailRowHeight',index1);
            },
            onLoadSuccess:function(){
                setTimeout(function(){
                    $('#grid_ww_ip_address').datagrid('fixDetailRowHeight',index1);
                },0);
            },
            detailFormatter:function(index,row){
              return '<div style="padding:2px"><table class="ddv2"></table></div>';
            },
            onCollapseRow: function(index,row){
              console.log('collapserow');
              $('#grid_ww_ip_address').datagrid('fixDetailRowHeight',index1);
              $('#ddv').datagrid('fixDetailRowHeight',index);

          	},
            onExpandRow: function(index,row){
              var index2 = index;
              var ddv2 = $(this).datagrid('getRowDetail',index2).find('table.ddv2');
              if (date1 === date2) { //egy nap lekérése
                if (contractor_id === -1) { // összes AV
                  url_line3 = 'php/sql_riport_ww_ip_address.php?date1=' + date1 + '&date2=' + date2 + '&contractor_id=-1&mode=1dAllav3';
                } else {
                  url_line3 = 'php/sql_riport_ww_ip_address.php?date1=' + date1 + '&date2=' + date2 + '&address_id=' + row.aid + '&mode=1d1av3';
                }
              } else { //több  nap
                if (contractor_id === -1) { // összes AV

                } else {

                }
              };
              ddv2.datagrid({
                  url: url_line3,
                  fitColumns:true,
                  singleSelect:true,
                  rownumbers:true,
                  loadMsg:'',
                  height:'auto',
                  columns:[[
                      {field:'time_band',title:'Időablak'},
                      {field:'start',title:'Kezdés'},
                      {field:'end',title:'Befejezés'},
                      {field:'period',title:'Munkahossz'},
                      {field:'travel_time',title:'Útidő'},
                      {field:'node',title:'Node'},
                      {field:'skill_name',title:'Ismeret'},
                      {field:'job_code',title:'Munka kód'}
                  ]],
                  onResize:function(){
                      $('#ddv').datagrid('fixDetailRowHeight',index2);
                      $('#grid_ww_ip_address').datagrid('fixDetailRowHeight',index1);
                      $('#ddv').datagrid('fixDetailRowHeight',index2);
                      $('#grid_ww_ip_address').datagrid('fixDetailRowHeight',index1);
                      console.log('ddv2 resize');
                  },
                  onLoadSuccess:function(){
                    $('#ddv').datagrid('fixDetailRowHeight',index2);
                    $('#grid_ww_ip_address').datagrid('fixDetailRowHeight',index1);
                    $('#ddv').datagrid('fixDetailRowHeight',index2);
                    $('#grid_ww_ip_address').datagrid('fixDetailRowHeight',index1);
                  }
              });
              $('#ddv').datagrid('fixDetailRowHeight',index2);
              $('#grid_ww_ip_address').datagrid('fixDetailRowHeight',index1);
              $('#ddv').datagrid('fixDetailRowHeight',index2);
              $('#grid_ww_ip_address').datagrid('fixDetailRowHeight',index1);
          }
        });
        $('#grid_ww_ip_address').datagrid('fixDetailRowHeight',index1);
    }
    });
}

perfect!

thank you!

i found problem:

  var datum = new Date("2016.11.18");   <- This line can not handle the mobile device
  var datum = new Date();  <- this oke

I tried to solve the problem a different view. (Non-tree components)
Interestingly, the data grid appears on desktop, tablet and phone but did not.

Code:

<div title="Címrendezés" style="padding:0px">
          <table id="dgML_sort"
            data-options="singleSelect:true,border:false,fit:true,fitColumns:true, scrollbarSize: 0,
            onClickRow: onClickRow,
            onAfterEdit: function(index,row,changes){
               save_address_sort(index,row,changes) }
            ">
          </table>
        </div>

Code:

    <meta charset="UTF-8">
    <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <meta name="apple-mobile-web-app-capable" content="yes"/>
		<meta name="apple-mobile-web-app-status-bar-style" content="black"/>
    <meta http-equiv="expires" content="0">
    <title>WebWalker</title>
    <link rel="stylesheet" type="text/css" href="./jqe/themes/default/easyui.css">
    <link rel="stylesheet" type="text/css" href="./jqe/themes/mobile.css">
    <link rel="stylesheet" type="text/css" href="./jqe/themes/icon.css">
    <script type="text/javascript" src="./jqe/jquery.min.js"></script>
    <!-- <script type="text/javascript" src="./jqe/jquery-1.6.min.js"></script> -->
    <script type="text/javascript" src="./jqe/jquery.easyui.min.js"></script>
    <script type="text/javascript" src="./jqe/jquery.easyui.mobile.js"></script>
		<script type="text/javascript" src="./jwebwalker2.1.js"></script>
    <script type="text/javascript" src="./jqe/jq-signature.min.js"></script>
    <script>

Given a list of what component tree is displayed.
I want to sort the contents of the list with drag & drop.
It would be just sort order.
However, I would not like nesting (children)
How can this be disabled?
before

after

wrong after

Thank you!

Because it would be too large file at the same time , so the loading is very slow, I was split into several parts.
login.html -> ip.html
->
1 address.html
2 chat.html
3 riport.html

login.html managed by a

Code:

<Script type = "text / javascript" src = "./ jwebwalker2.1.js "> </ script>

file.
The jwebwalker2.1.js file that can be invoked in the ip.html components in ?
Now:

Code:

<a href="javascript:void(0)" onclick="login()" class="easyui-linkbutton" style="width:100%;height:40px"> <span style = "font -size: 16px " > Login < / span a>

login.php ->
          

Code:

.mobile.go $ ( '# Ip_page ');
          $ ( '# Ip_navpanel ' ) navpanel ( ' refresh ', ' / ip.html . .');
          $ ( '# Ip_title ' ) html ( jQuery.data ( document.body , " main_title " ) ) . ;

However, from the first click did not pass the title name

I'm a beginner programmer web area.
The improvements include:
html : more than 4000 lines
js : more than 3000 lines
These two files contain everything except the php -mysql queries.
Therefore, the page loading more than 10 seconds.
It is true after all mejelenik panel immediately.
Roughly 40 navpanel was included in html .
1. Tip: The larger navpanel Kulu html to be put off .

Thus, accelerating the loading of 10 seconds to 4.5 seconds.

The images are optimized .

Thanks for the help!
Szoron

Unfortunately I did not get answers to my problem !
For some reason, very long time to load the page to the system !
Tablet via a Firefox bug could indicate when charging page !
Many navpanel is in HTML
The Safari web inspector According fills the little icons leaglább 10 seconds. ( 15-20 ) a small icon .
How to solve it?
- Keep the page loads , loads all!
- Multi-threaded loads the page ( the login section appears in the background while the other navpanel and content)
- Any other effective mogoldás !

Thank you in advance for your help !

I refer to a panel:

Code:

<button onclick = "$.mobile.go ('#apage')"> go </button>

Which I refer to in an empty navpanel:

Code:

<div id = "apage" class = "easyui-navpanel" href = "a.html" closed = "true">

The site has more a.html navpanel included.

     

Code:

<div id = 'main' class = 'easyui-navpanel "style =" padding: 0px ">

.
.

Code:

</div>

etc.

Code:

<div id = "dlg_signature 'class =' easyui-navpanel '>

.
.

Code:

</ div>

How can I get the first navpanel loads?
How can I get to pass out of the login.html into a.html
parameter?

Thank you!

Why not be the first easyui - navpanel
It is loaded into ?
A.html the sheet is more navpanel and third load.
The .mobile.go $ ( ' # Name a.html first panel ' )

Yet another panel is loaded when the page opens another

Hello

The current application that I created , has become too big!
1 js one more php html .
Loading time 10 seconds
I tried to dismantle the program !
One login ->
A and B side . Depending you check in .
How can I get a
login.html reach a A.html for?
mobile.go point to A.html from
Thanks

What a way to get a lot of data should be presented lists and checkboxes can be ?
I think the data grid , which is 1 column

Hi!
I creating a datalist.
checkbox: true
view:scrollview

Code:

...
        <div id="move_cpe_list" class="easyui-datalist" data-options="
        fit: true,
        border: false,
        lines: true,
        checkbox: true,
        singleSelect: false
        ">
        </div>
...
      $('#move_cpe_list').datalist({
        url: 'sql_load_act_cpes.php?tch_storage_id=' + tch_storage_id,
        textField: 'sn',
        valueField: 'cpe_id',
        groupField: 't',
        view:scrollview,
        pageSize:50,
      });
...

This bug
http://kepfeltoltes.hu/view/150430/K_perny_fot__2015-04-30_-_13.39.09_www.kepfeltoltes.hu_.jpg