2015-11-25 6 views
5

मेरे पास एक ui-grid है जहां मैं किसी भी पंक्ति पर कहीं भी क्लिक करके पंक्ति का चयन करना चाहता हूं। मैं क्लिप बोर्ड पर सेल सामग्री की प्रतिलिपि बनाना चाहता हूं। मैंने निम्नलिखित कोड किया था, लेकिन सक्षमफूलरो चयनसच है, मैं माउस ड्रैगिंग द्वारा सेल सामग्री का चयन नहीं कर सकता।कोणीय यूई-ग्रिड सेल टेक्स्ट की प्रतिलिपि नहीं बना सकता

कृपया plunker देखें। आगे की जांच के बाद मैंने पाया कि .ई-ग्रिड-अक्षम-चयन वर्ग को मेरे ग्रिड में जोड़ा जा रहा है।

तो क्या कोई इसका सुझाव दे सकता है कि इसे कैसे हल किया जाए?

संपादित: यदि मैं enableFullRowSelectionको गलत बदलने के लिए, मैं सामग्री का चयन कर सकते हैं।

var app = angular.module('plunker', ['ui.grid', 'ui.grid.selection']); 
 

 
app.controller('MainCtrl', function($scope) { 
 
    $scope.name = 'World'; 
 
    $scope.data = [ 
 
    {a:'A', b:'B'}, 
 
    {a:'A1', b:'B1'}, 
 
    {a:'A2', b:'B2'}, 
 
    {a:'A3', b:'B3'}, 
 
    {a:'A4', b:'B4'} 
 
    ]; 
 
    $scope.gridOptions = { 
 
\t data : 'data', 
 
\t enableRowSelection: true, 
 
\t enableFullRowSelection: true, 
 
\t enableHighlighting : true, 
 
\t multiSelect: false 
 
    }; 
 
});
<!DOCTYPE html> 
 
<html ng-app="plunker"> 
 

 
    <head> 
 
    <meta charset="utf-8" /> 
 
    <title>AngularJS Plunker</title> 
 
    <script>document.write('<base href="' + document.location + '" />');</script> 
 
    <link rel="stylesheet" href="style.css" /> 
 
    <link rel="stylesheet" href="https://cdn.rawgit.com/angular-ui/bower-ui-grid/master/ui-grid.min.css" type="text/css" /> 
 
    <script data-require="[email protected]" src="https://code.angularjs.org/1.4.7/angular.js" data-semver="1.4.7"></script> 
 
    <script src="https://cdn.rawgit.com/angular-ui/bower-ui-grid/master/ui-grid.min.js"></script> 
 
    <script src="app.js"></script> 
 
    </head> 
 

 
    <body ng-controller="MainCtrl"> 
 
    <p>Hello {{name}}!</p> 
 
    
 
    <div style="height:200px" 
 
    data-ui-grid="gridOptions" 
 
    data-ui-grid-selection></div> 
 
    
 
    </body> 
 

 
</html>
कृपया मदद करते हैं।

उत्तर

8

मुझे लगता है कि सीएसएस वर्ग को ओवरराइड करना सबसे आसान तरीका है। आप तो ui-ग्रिड अक्षम चयन वर्ग दोनों झंडे

ui-grid-disable-selection

सेट कर रहे हैं, तो जोड़ा जाता है ui ग्रिड कोड को चेक करते हैं

आप ग्रिड तत्व को एक वर्ग में जोड़ सकते हैं

नीचे दिखाया गया है
<div style="height:200px" 
    class="ui-grid-selectable" 
    data-ui-grid="gridOptions" 
    data-ui-grid-selection></div> 

    .ui-grid-selectable .ui-grid-disable-selection { 
     -webkit-touch-callout: default; 
     -webkit-user-select: text; 
     -khtml-user-select: text; 
     -moz-user-select: text; 
     -ms-user-select: text; 
     user-select: text; 
     cursor:auto; 
    } 

अद्यतन plunker अद्यतन करें।

+0

धन्यवाद, यह काम करता है। –

संबंधित मुद्दे