Copying the value of a datagrid column in EasyUI is a simple task that can be

Question

Copying the value of a datagrid column in EasyUI is a simple task that can be

<script type="text/javascript">
    var tbIndex = undefined
    var tbData = undefined

    $('#dg').datagrid({
        onClickRow:function(rowIndex,rowData){
            tbIndex = rowIndex
            tbData = rowData
        },
        onClickCell:function(rowIndex,field,value)
        {
            if(field == 'type' || field == 'name' || field == 'card' || field == 'money')
            {
                var t = $('#dg').datagrid('selectRow',rowIndex)
                console.log($(t).html())
                ZeroClipboard.config({moviePath: "{{ URL::to('/') }}/images/ZeroClipboard.swf"})
                //copy contents()
                var client = new ZeroClipboard($('#dg').datagrid('selectRow',rowIndex));

                client.on( 'load', function(client) {
                    //alert( "movie is loaded" );
                    client.on( 'datarequested', function(client) {
                        client.setText(this.innerHTML);
                    } );

                    client.on( 'complete', function(client, args) {
                        alert("copy complete:" + args.text );
                    } );

                } );
            }

        }
    })

I am looking to enhance functionality by enabling users to click on a column and copy the contents of that specific column.

javascript jquery-easyui zeroclipboard

Answer 1

Answer №1

Perhaps you can try implementing something similar to this:

$('#myTable').table({
    onCellClick:function(rowNumber,columnName,cellValue) {
         var rows = $('#dg').table('getRows');
         var results = [];
         for (var i=0; i<rows.length; i++) {
             if (columnName == 'category') {
                results[i] = rows[i].category;
             } else if (columnName == 'name') {
                results[i] = rows[i].name;
             } else if (columnName == 'quantity') {
                results[i] = rows[i].quantity;
             } else if (columnName == 'price') {
                results[i] = rows[i].price;
             }
         }
    }
});

By using this method, you will retrieve the values of rows in the same column as the cell you have clicked.

Answer 2

Perhaps you can try implementing something similar to this:

$('#myTable').table({
    onCellClick:function(rowNumber,columnName,cellValue) {
         var rows = $('#dg').table('getRows');
         var results = [];
         for (var i=0; i<rows.length; i++) {
             if (columnName == 'category') {
                results[i] = rows[i].category;
             } else if (columnName == 'name') {
                results[i] = rows[i].name;
             } else if (columnName == 'quantity') {
                results[i] = rows[i].quantity;
             } else if (columnName == 'price') {
                results[i] = rows[i].price;
             }
         }
    }
});

By using this method, you will retrieve the values of rows in the same column as the cell you have clicked.

Copying the value of a datagrid column in EasyUI is a simple task that can be

Answer №1

Similar questions

Tips for running a dry default with Angular CLI

Utilizing the dollar shorthand for jQuery in conjunction with Selenium

Providing a public API that exclusively grants access to requests originating from my own website

It is impossible to add a new element between two existing elements that share the same parent

A simple way to initiate an AJAX call once the page has completed loading is by using the `window.location.href` as the

Interacting with a Web API using JavaScript following successful authentication with Azure AD B2C

How to Process a Stripe Payment using jQuery AJAX (JavaScript Only)

Searching Categories with jQuery: Explore Remote Results and Cache System

Retrieve JSON data within an HTML element, where the element is sourced from an AJAX GET response

What is the best way to extract and process CSV data from a JavaScript array of strings to incorporate into d3 visualizations?

Different ways to showcase a value from the CSS file on the console using console.log

What is the best method for retrieving an item from localstorage?

Switching between all tabs simultaneously in an MDX page (React + Gatsby + MDX) using @reach/tabs

React Alert: It is important for every child within a list to have a distinct "key" prop, not due to a missing key in the map

Showing hierarchical objects retrieved from JSON response

Using the 'this' keyword in nested functions

Every time I attempt to publish a new page on my website, it doesn't load all at once. Instead, it loads in

What is the best way to make a div element take up the entire page

Employing JavaScript to set a variable that changes dynamically

Is there a JavaScript toolkit specifically designed for animating mobile devices?