Questions on Kendo UI for jQuery Forum

0 answers

168 views

$("#grid").kendoGrid({
                       columns: [ {
                                field: "FirstName",
                                width: 90,
                                title: "First Name"
                            } , {
                                field: "LastName",
                                width: 90,
                                title: "Last Name"
                            } , {
                                width: 100,
                                field: "City"
                            } , {
                                field: "Title"
                            } , {
                                field: "phone",
                                title: "Phone Number",
                                template: '<input type=text name='phone' value=#phone# />'
                            } , {
                                width: 50,
                                field: "Age"
                            }
                        ]
                    });

Grid

asked on 12 Nov 2012

2 answers

1.2K+ views

Deslect a row in a grid

I need to programmatically deselect rows in a grid. I have not seen any API method for this. select() will return all rows, and select(<obj>) will select one item.

My issue is that I have 10 out of 50 selected, but now the user has done something and I need one of the 10 deselected (but the rest to remain selected).

I thought I had a brainstorm and that I could use jquery to trigger a CNTRL-CLICK:

var e = jQuery.Event("click");

e.ctrlKey = true;

$(this.gridRow).trigger(e);

Where this.gridRow refers the the DOM object which is the row in the grid (i.e. <TR> )which is currently selected. I have verified in FireBug that the value of tthis.gridRow is actually the <TR> row in the kendo Grid, and that it is currently selected. (see screen shot)

See attached screen shot which shows that firebug reporting that the this.grid is indeed a tr, and it has a click handler.

Grid

answered on 12 Nov 2012

0 answers

48 views

Performance issue in kendo grid (kendoui.complete.2012.2.913_commercial version) :

On adding below mentioned attributes on kendo grid, loading of grid is becoming slower.

pageable: true,

filterable: true,

columnMenu : true,

sortable : true,

selectable: 'row',

height: 250,

scrollable :false

Grid

asked on 12 Nov 2012

12 answers

384 views

kendoMobileButton API

I see that most of the .js API doesn't have docs. Will this be better later (since we're not getting the uncompressed source)?

Button (Mobile)

answered on 12 Nov 2012

1 answer

76 views

Filter option 'Ends with' and nullable data fields

I have a grid with two columns that are nullable in the database. They are returning empty strings when bound to the grid. I've found some interesting behavior when I play with the filters. If I use the "Starts with" filter, I get the expect number of rows back. However, if I use the "Ends with" filter, I get the expected number of rows plus all of the rows that have no value for that field. Is this expected behavior? If so, it is extremely inconsistent and not really in line with user expectations. Is there a way to get only the rows that actually end with the expected value back?

Thanks,
Jodi

Grid

answered on 12 Nov 2012

4 answers

908 views

Drag & Drop File Upload

I have been unable to initialize the drag and drop feature for file upload on any of my browsers. I am currently testing on Chrome 19.0.1084.56 m. Is there an undocumented configuration parameter I am missing which will initialize this feature?

Here is my code, please let me know if you see anything I have configured improperly.

HTML:

<div class="fileUploadContentArea">
<input name="file" id="kendoFileUpload" type="file" />
</div>

JS:

$("#kendoFileUpload").kendoUpload({
multiple: true,
select: context.onFileSelected,
async: {
saveUrl: THX.WS.config.baseUrl + THX.WS.config.wsId + '/files',
autoUpload: true
},
upload: context.kendoFileUploaderDrop,
success: context.kendoFileUploaderDone,
error: context.kendoFileUploaderError,
showFileList : false,
localization : {
select : libraryAssetsLocalizedStrings.mainUploadSelectLabel,
dropFilesHere : libraryAssetsLocalizedStrings.mainUploadDragDropLabel
}
});

Upload

answered on 12 Nov 2012

1 answer

104 views

How to pass model in Array in Group-stacked Bars

Hi,

Below is my code and i am trying to pass model inside array but i am always getting null value even there is data, can anyone help me how to pass model inside array.

------Partial view----
@(Html.Kendo().Chart<DashboardRepairMaintenance>()
.Name("chart3")
.Title("Repair and maintenance status")
.HtmlAttributes(new { style = "width: 550px; height: 170px; border: transparent; margin-left:5px; " })
.DataSource(dataSource => dataSource
.Read(read => read.Action("_DashboardRepairMaintenance", "DashboardRepairMaintenance"))
)
.Series(series =>
{
series
.Column(new int[] {(int)Model.FirstOrDefault().ACTIVE , (int)Model.FirstOrDefault().PENDING ,(int)Model.FirstOrDefault().CARFWD }
)
.Name("Active").Stack("Active");

})
.CategoryAxis(axis => axis
.Categories(model => model.DAYS)
)
.ValueAxis(axis => axis.Numeric()
.Labels(labels => labels.Format("{0:N0}"))
.MajorUnit(2)

)
.Tooltip(tooltip => tooltip
.Visible(true)
.Format("{0:N0}")
)
)

------Controller---------------

public ActionResult _DashboardRepairMaintenance()
{
return Json(_dashboardRepository.GetRepairMaintenance());
}

--------Model class-------
public class DashboardRepairMaintenance
{
public string DAYS { get; set; }
public int? ACTIVE { get; set; }
public int? PENDING { get; set; }
public int? CARFWD { get; set; }
}

Charts

answered on 12 Nov 2012

1 answer

152 views

Current Treeview Data bug?

Hello,
I have been working with a treeview and a JSON file for the remote data source.
Of what I know the real time current data source of the tree can be accessed through:

$("#treeview").data("kendoTreeView").dataSource.data()

So I make some drag and drop changes but if the changes are made inside parent nodes then the current data doesn't change at all.
However if I drag and drop a node in the root node directory or outside of it,the current data seems to have the node copied in that position without deleting the initial one..

So the current data source seems to track only the changes made in the root node directory or outside of it,and even then the dragged nodes are copied and not moved.(even though visually they are moved through the drag ofcourse)

Is this a bug or am I doing something wrong here?

What I want is to modify the tree with drag and drops and then somehow save the progress so I can view the same modified tree even after refresh.
Is there any other way to do this?

TreeView

answered on 12 Nov 2012

1 answer

89 views

Simple TabStrip markup not working. Am I going nuts?

Hi all,

I am excited about the prospect of using KendoUI and am in my trial, but I can't even make a simple tabstrip UI page work correctly. I was following along with the intro tutorial here: http://docs.kendoui.com/howto/build-apps-with-kendo-ui-mobile

Couldn't get that to work. CSS works and the widgets are there, but when I click on the About tab the about.html is appended to the URL, but I don't actually go to the about.html page.

I decided to rip open the sample apps and take a look. I changed my index.html around to try to load a different view when clicking on the about tabstrip:

<!DOCTYPE html>

<html>

<head>

<title>My App</title>

<link href="css/kendo.mobile.all.min.css" rel="stylesheet" />

</head>

<body>

<div data-role="view" data-layout="default">

Hello Mobile World!

</div>

<div data-role="view" id="about" data-title="About">

About this app.

</div>

<div data-role="layout" data-id="default">

<header data-role="header">

<div data-role="navbar">My App</div>

</header>

<footer data-role="footer">

<div data-role="tabstrip">

<a href="#">Home</a>

<a href="#about">About</a>

</div>

</footer>

</div>

<script src="js/jquery.min.js" type="text/javascript"></script>

<script src="js/kendo.mobile.min.js" type="text/javascript"></script>

<script>

var app = new kendo.mobile.Application();

</script>

</body>

</html>

I get the about view to load, but not "inside" of the layout, the screen is white, no title bar and just has the about text.

So, am I going mad? Any ideas are welcome. Thanks!

TabStrip (Mobile)

answered on 12 Nov 2012

2 answers

93 views

Not short the header in the table

Posted 3 hours ago (permalink)

Hi all,

I'm using the latest Community version of Kendo UI Web and trying something with the form-table.html.
Now when I re size the browser it short the header-text of the table. Ex. Rating --> Ra....
How can I stop this?

Thanks for your replies!
Mark

Grid

answered on 12 Nov 2012