<!DOCTYPE html>
|
<html>
|
<head>
|
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
<title>The source code</title>
|
<link href="../resources/prettify/prettify.css" type="text/css" rel="stylesheet" />
|
<script type="text/javascript" src="../resources/prettify/prettify.js"></script>
|
<style type="text/css">
|
.highlight { display: block; background-color: #ddd; }
|
</style>
|
<script type="text/javascript">
|
function highlight() {
|
document.getElementById(location.hash.replace(/#/, "")).className = "highlight";
|
}
|
</script>
|
</head>
|
<body onload="prettyPrint(); highlight();">
|
<pre class="prettyprint lang-js"><span id='Ext-grid-View'>/**
|
</span> * The grid View class provides extra {@link Ext.grid.Panel} specific functionality to the
|
* {@link Ext.view.Table}. In general, this class is not instanced directly, instead a viewConfig
|
* option is passed to the grid:
|
*
|
* Ext.create('Ext.grid.Panel', {
|
* // other options
|
* viewConfig: {
|
* stripeRows: false
|
* }
|
* });
|
*
|
* ## Drag Drop
|
*
|
* Drag and drop functionality can be achieved in the grid by attaching a {@link Ext.grid.plugin.DragDrop} plugin
|
* when creating the view.
|
*
|
* Ext.create('Ext.grid.Panel', {
|
* // other options
|
* viewConfig: {
|
* plugins: {
|
* ddGroup: 'people-group',
|
* ptype: 'gridviewdragdrop',
|
* enableDrop: false
|
* }
|
* }
|
* });
|
*/
|
Ext.define('Ext.grid.View', {
|
extend: 'Ext.view.Table',
|
alias: 'widget.gridview',
|
|
<span id='Ext-grid-View-cfg-stripeRows'> /**
|
</span> * @cfg {Boolean}
|
* True to stripe the rows.
|
*
|
* This causes the CSS class **`x-grid-row-alt`** to be added to alternate rows of the grid. A default CSS rule is
|
* provided which sets a background color, but you can override this with a rule which either overrides the
|
* **background-color** style using the `!important` modifier, or which uses a CSS selector of higher specificity.
|
*/
|
stripeRows: true,
|
|
<span id='Ext-grid-View-cfg-autoScroll'> autoScroll: true
|
</span>});
|
</pre>
|
</body>
|
</html>
|
