Hello friends,
If anybody knows extjs please clarify my doubt. I uses gridpanel(array grid) and i want to get the value of a column of a row when a row is clicked. That means, there are 4 columns and 10 rows existed in that grid, if i clicked 5th row, i want to get the value of first column of that row. How it is possible? Help me with an example or body of event function.
5  10623 
I have changed the thread title for you. Please remember to provide a meaningful Title for any threads started (see the FAQ entry Use a Good Thread Title).
This helps to ensure that other members, and also the general public, will have a better chance of finding answers to any similar questions.
Moderator.
I uses gridpanel(array grid) and i want to get the value of a column of a row when a row is clicked. That means, there are 4 columns and 10 rows existed in that grid, if i clicked 5th row, i want to get the value of first column of that row.
Show your code and what you've tried so far.
- print <<HTML;
-
<html>
-
<head>
-
<title>Array Grid Example</title>
-
-
<link rel="stylesheet" type="text/css" href="http://10.202.1.22/Ext/ext-2.0.2/resources/css/ext-all.css" />
-
-
<script type="text/javascript" src="http://10.202.1.22/Ext/ext-2.0.2/adapter/ext/ext-base.js"></script>
-
-
<script type="text/javascript" src="http://10.202.1.22/Ext/ext-2.0.2/ext-all.js"></script>
-
-
<!-- <script type="text/javascript" src="http://10.202.1.22/Ext/ext-2.0.2/ext-all-debug.js"></script>
-
-
<script type="text/javascript" src="http://10.202.1.22/Ext/ext-2.0.2/examples/code-display.js"></script>
-
-
<script type="text/javascript" src="http://10.202.1.22/Ext/ext-2.0.2/examples/form/form-grid.js"></script>
-
-
<link rel="stylesheet" type="text/css" href="http://10.202.1.22/Ext/ext-2.0.2/examples/form/forms.css"/>
-
-
<link rel="stylesheet" type="text/css" href="http://10.202.1.22/Ext/ext-2.0.2/examples/examples.css"/> -->
-
-
</head>
-
<body>
-
<form name="frm" method="post">
-
-
<h1 align=center>No.Of Tasks Registered FROM $from TO $to</h1><br><br>
-
HTML
-
-
$sth = $dbh->prepare("select emp_name,emp_code,designation,weakly_off from emp_master");
-
$sth->execute;
-
$rows = $sth->rows;
-
my @cols = ();
-
my $i = 1;
-
-
print <<HTML;
-
<script type="text/javascript">
-
Ext.onReady(function(){
-
-
Ext.state.Manager.setProvider(new Ext.state.CookieProvider());
-
var myData = [
-
HTML
-
while(my ($code,$desc,$int,$out) = $sth->fetchrow_array())
-
{
-
my $sth1 = $dbh->prepare("select count(*) from task_detail where emp_name='$code' and date between '$from' and '$to'");
-
my $resp = $sth1->execute();
-
if($resp >= 1)
-
{ ($count) = $sth1->fetchrow_array(); }
-
$sth1->finish();
-
if($i != $rows)
-
{
-
print <<HTML;
-
['$code','$desc','$int','$out','$count'],
-
HTML
-
}
-
else
-
{
-
print <<HTML;
-
['$code','$desc','$int','$out','$count']
-
HTML
-
}
-
$i++;
-
}
-
print <<HTML;
-
];
-
// example of custom renderer function
-
function change(val){
-
if(val > 0){
-
return '<span style="color:green;">' + val + '</span>';
-
}else if(val < 0){
-
return '<span style="color:red;">' + val + '</span>';
-
}
-
return val;
-
}
-
-
// example of custom renderer function
-
function pctChange(val){
-
if(val > 0){
-
return '<span style="color:green;">' + val + '%</span>';
-
}else if(val < 0){
-
return '<span style="color:red;">' + val + '%</span>';
-
}
-
return val;
-
}
-
-
// create the data store
-
var store = new Ext.data.SimpleStore({
-
fields: [
-
{name: 'name'},
-
{name: 'code',type:'int'},
-
{name: 'designation'},
-
{name: 'week-off'},
-
{name: 'count', type:'int'},
-
]
-
});
-
store.loadData(myData);
-
-
// create the Grid
-
var grid = new Ext.grid.GridPanel({
-
store: store,
-
columns: [
-
{id:'name',header: "Name", width: 50, sortable: true, dataIndex: 'name'},
-
{header: "Code", width: 100, sortable: true, dataIndex: 'code', align: 'center'},
-
{header: "Designation", width: 100, sortable: true, dataIndex: 'designation', align: 'center'},
-
{header: "Week-off", width: 100, sortable: true, dataIndex: 'week-off', align: 'center'},
-
{header: "Count", width: 100, sortable: true, dataIndex: 'count', align: 'center'},
-
],
-
stripeRows: true,
-
autoExpandColumn: 'name',
-
width:700,
-
title:'Array Grid'
-
});
-
-
grid.render('grid-example');
-
-
grid.getSelectionModel().selectFirstRow();
-
-
grid.on('rowclick', function(grid, rowIndex, e){
-
var row = grid.getDataSource().getAt(rowIndex);
-
var artistId = row.data.name;
-
alert(rowIndex+'select'+e+'select'+rec+'select'+arr);
-
});
-
});
-
</script>
-
<div id="grid-example" style="position: absolute;top: 50px;left: 200px"></div>
-
</form>
-
</body>
-
</html>
-
HTML
This is all coding i have written in modperl. So,please help me friends.
As a full member now, you should know that we expect your code to be posted in [code] tags (See How to Ask a Question).
This makes it easier for our Experts to read and understand it. Failing to do so creates extra work for the moderators, thus wasting resources, otherwise available to answer the members' questions.
Please use the tags in future.
MODERATOR.
What happens with the code you posted? Are there any error messages?
Sign in to post your reply or Sign up for a free account.
Similar topics
by: Clara |
last post by:
Hi, can somebody help me,..I have an assignment due next week but now
I'm stuck with this problem....
I tried to get values from entry widget using the
widgetcontrolvariable.get(),..but it seems...
|
by: melanieab |
last post by:
Hi,
Easy question. It seems to me that I'm following the examples correctly,
but apparently I'm not. I'm trying to retrieve the data from a row called
"row" and a column called "File". This is...
|
by: Jason |
last post by:
I've been trying to figure out a good way to do this but haven't had much
luck, any input would be greatly appreciated.
Basically, after a datagrid is sorted, how can I get the primary key value...
|
by: Carl Tribble |
last post by:
After a user has clicked a column header to sort, how can I tell which
column header he clicked? In other words, how can I tell what order the
list is in after user changes it by clicking a column...
|
by: Blibo Baggins |
last post by:
How do you get the "Datafield" property of data that's in a Template
Column of a Grid?
I am using editable Datagrids with Template Columns.
When using Boundcolumns, I just used:
ColName =...
|
by: GaryDean |
last post by:
(one of our developers posted this and it got no answer so I'm giving it
another try)
I'm converting a DataGrid utility component that previously used the columns
array to function as it has in...
|
by: Murray Hopkins |
last post by:
Hi.
THE QUESTION: How do I get a reference to my Object when processing an
event handler bound to an html element ?
CONTEXT:
Sorry if it is a bit long.
I am developing a JS calendar tool....
|
by: active |
last post by:
I need a control that displays a grid of rectangles.
That is, like a brick wall except the rectangles are lined up.
In VB6 I used such a control (may have been called FlexGrid but I'm not...
|
by: Valli |
last post by:
Hi,
I am using a gridview to display data from table. In the gridview, there
are 5 columns in which one column contains link name(eg.
http://www.msn.com).
I want to show this link as an...
|
by: BarryA |
last post by:
What are the essential steps and strategies outlined in the Data Structures and Algorithms (DSA) roadmap for aspiring data scientists? How can individuals effectively utilize this roadmap to progress...
|
by: nemocccc |
last post by:
hello, everyone, I want to develop a software for my android phone for daily needs, any suggestions?
|
by: Hystou |
last post by:
Most computers default to English, but sometimes we require a different language, especially when relocating. Forgot to request a specific language before your computer shipped? No problem! You can...
|
by: Oralloy |
last post by:
Hello folks,
I am unable to find appropriate documentation on the type promotion of bit-fields when using the generalised comparison operator "<=>".
The problem is that using the GNU compilers,...
|
by: jinu1996 |
last post by:
In today's digital age, having a compelling online presence is paramount for businesses aiming to thrive in a competitive landscape. At the heart of this digital strategy lies an intricately woven...
|
by: Hystou |
last post by:
Overview:
Windows 11 and 10 have less user interface control over operating system update behaviour than previous versions of Windows. In Windows 11 and 10, there is no way to turn off the Windows...
|
by: tracyyun |
last post by:
Dear forum friends,
With the development of smart home technology, a variety of wireless communication protocols have appeared on the market, such as Zigbee, Z-Wave, Wi-Fi, Bluetooth, etc. Each...
|
by: agi2029 |
last post by:
Let's talk about the concept of autonomous AI software engineers and no-code agents. These AIs are designed to manage the entire lifecycle of a software development project—planning, coding, testing,...
|
by: isladogs |
last post by:
The next Access Europe User Group meeting will be on Wednesday 1 May 2024 starting at 18:00 UK time (6PM UTC+1) and finishing by 19:30 (7.30PM).
In this session, we are pleased to welcome a new...
| |
