CodeCanyon

EasyUI Datagrid Region Select

EasyUI Datagrid Region Select

This is a EasyUI datagrid plugin called “EasyUI Datagrid Region Select”. You can use it to select datagrid and copy the selected region like Excel.

Features

  1. Select Region As in Excel: Select the region when you move mouse, and you can use “Shift” to select region quickly.
  2. Copy Region: You can copy the selected region via “ctrl + c” and paste it on anywhere you want.
  3. Quick Key Binding: You can use “Down”, “Up”, “Left”, “Right” key move selected region and locate datagrid.
  4. Easy Install: Just upload the plugin js file to your host and update datagrid configuration.
  5. Source Code: Nothing is hidden.

Installation

  1. Upload easyui.region.select.min.js, easyui.region.select.css to your host
  2. import easyui.region.select.min.js, easyui.region.select.css in your html(php…) file
  3. Use this plugin like.
    $('#table').datagrid({
        width: 700,
        height: 220,
        url: 'datagrid_data1.json',
        checkOnSelect: false,
        singleSelect: true,
        pagination: true,
        columns:[[
            {field:'itemid',title:'itemid',width:100},
            {field:'productid',title:'productid',width:100},
            {field:'status5',title:'status4',width:100}
        ]]
    }).datagrid('regionSelect');
    });
    
    The key point is: `datagrid(‘regionSelect’)`
by
by
by
by
by
by