Questions on Kendo UI for jQuery Forum

1 answer

89 views

Sliding Panes

I would like to know if you have any plans to extend the splitter control to include the "Sliding Panes" functionality like you have in the ASP.NET AJAX controls (http://demos.telerik.com/aspnet-ajax/splitter/examples/sp_clicktoopen/defaultcs.aspx)

Thx
Sagi

Splitter

answered on 29 Jan 2013

1 answer

123 views

Problems with grid in ie7 and ie8

I have two issues when running the grid in ie7 and ie8 compatibility mode:

Paging does not work. After paging I get the js errors shown in the attached screen shot.
The Grid cells collapse down and the data is abbreviated or not shown and is out of alignment with the headers.

Here’s my config:

#Grids{

width: 100%;

height:400px;

overflow-y: auto;

overflow-x: auto;

border:1px solid #00215C;

}

</div>

var loadMoneyOrderDetailsGrid = function(details){

$("#gridMoneyOrders").show().kendoGrid({

dataSource: {

data: details,

pageSize: 10,

schema: {

model: {

fields: {

FacilityName: { type: "string" },

MoneyOrderID: { type: "string" },

IssueID: { type: "string" },

ClerkID: { type: "string" },

IssueDateTime: { type: "date" },

SaleAmount: { type: "string" },

PaidAmount: { type: "string" },

ProcessDate: { type: "date" },

SerialNumber: { type: "string" }

}

},

//change: onChange,

selectable: "row",

groupable: false,

sortable: true,

pageable: {

refresh: true,

pageSizes: false

}

,

columns: [ {

field: "FacilityName",

width: 40,

title: "Facility Name"

} , {

field: "MoneyOrderID",

width: 10,

title: "City"

} , {

field: "IssueID",

title: "Issue",

width: 10

}, {

field: "ClerkID",

title: "Clerk",

width: 10

}, {

field: "IssueDateTime",

title: "Issue Date",

width: 20,

format: "{0:MM/dd/yyyy}"

}, {

field: "SaleAmount",

title: "Sale Amount",

format: "{0:$0.00}",

width: 20

}, {

field: "PaidAmount",

title: "Paid Amount",

format: "{0:$0.00}",

width: 20

}, {

field: "ProcessDate",

title: "Process Date",

format: "{0:MM/dd/yyyy}",

width: 20

}, {

field: "SerialNumber",

title: "Serial Number",

width: 20

}

]

});

var grid = $("#gridMoneyOrders").data("kendoGrid");

grid.refresh();

};

Grid

answered on 29 Jan 2013

1 answer

142 views

Nested custom type is null

I have a model with preoperty of custom type
It's bound to drop down editor in web grid

$("#grid").kendoGrid({
dataSource: {
schema: {
model: {
.....
fields: {
Site: { validation: { required: true }, editable: true },
}
}
}

columns: [
{
field: "Site",
editor: siteDropDownEditor,
template: "#=Site.SiteName#"
}]

The problem is that when Update hits controller's method nested custom type is null/empty (like in image)
Please advise where is mistake

Grid

answered on 29 Jan 2013

1 answer

326 views

Using append and select

If I append a tab I want to be able to select it by an ID or string instead of index. I tried passing an `id` property to my append data but had no luck. How can I do this?

TabStrip

answered on 29 Jan 2013

1 answer

174 views

ImageBrowser implementation in PHP

I am struggling to get the image browser to work in php. One thing that always stumps me with the documentation is finding the schema that is expected via json. After viewing a .NET MVC example I came up with the following. It isn't working yet but was hoping for some direction.

Right now with the following code the image browser comes up with the busy animation in the center and nothing happens beyond that.

File: obj.file.php

<?PHP

class FileObj {

public $name = "";

public $type = "";

public $size = "";

}

?>

File: read.php

<?

include_once("obj.file.php");

$path = $_GET["path"];

$serverFilePath = "/home/midmosou/public_html/";

$filter = "*.*";

if(is_dir($serverFilePath . $path))

{

foreach (glob($serverFilePath . $path . $filter) as $filename) {

$file = new FileObj();

if (is_dir($filename))

{

$file->name = basename($filename);

$file->type = "d";

$file->size = "0";

} else {

$file->name = basename($filename);

$file->type = "f";

$file->size = filesize($filename);

}

$data[] = $file;

}

$count = count($data);

echo "{\"data\":" .json_encode($data). ", \"count\":" . json_encode($count) . "}";

}

?>

This returns data similar to:

{"data":[{"name":"FaceBook.png","type":"f","size":1331},{"name":"School_dance.jpg","type":"f","size":13576},{"name":"bbb-logo.jpg_600.jpg","type":"f","size":38843},{"name":"bbb_96.gif","type":"f","size":1320},{"name":"blogger_logo.jpg","type":"f","size":18175},{"name":"fztp020w_1.jpg","type":"f","size":46205},{"name":"live_sound_mo.jpg","type":"f","size":22116},{"name":"live_sound_system_rental_mo.jpg","type":"f","size":10794},{"name":"search-engine-optimization_102.png","type":"f","size":18850},{"name":"sound-main-mid-mo.jpg","type":"f","size":29101},{"name":"sound_man_1.jpg","type":"f","size":11412}], "count":11}

The editor declaration code looks like the following. This has gone through several experimental edits so hopefully it is close.

<textarea id="editor1" id="page_body" name="page_body" style="width: 100%; height: 300px;"><? echo $page_body;?></textarea>

<script>

$(document).ready(function() {

$("#editor1").kendoEditor({

encoded: false,

imageBrowser: {

transport: {

read: "/includes/kendoui/service/imagebrowser/read.php",

destroy: {

url: "/includes/kendoui/service/imagebrowser/destroy.php",

type: "POST"

},

create: {

url: "/includes/kendoui/service/imagebrowser/createDirectory.php",

type: "POST"

}, imageUrl: "/Company_Images/{0}"

},

path: "Company_Images/"

}

});

</script>

File: read.php

Editor

answered on 29 Jan 2013

1 answer

62 views

Setting MajorUnit = 0 causes an infinite loop

I found a bug where you set the "majorUnit" in an axis to 0, which causes an endless loop in the internals of the kendoChart() which will eventually end in a memory exception while creating an infinite number of labels.

To recreate it, I've attached the object that I passed into kendoChart() to make it happen, but it is yAxis[0].majorUnit = 0 that causes the issue.

The workaround is to not use zero as a "majorUnit". Does anyone have a better solution, or is there a fix coming?

{"theme":"default","title":{"text":"","visible":true},"chartArea":{"height":150,"width":600},"legend":{"position":"bottom","visible":true},"series":[{"type":"scatterLine","stack":false,"name":"","data":[]}],"tooltip":{"visible":true,"format":"{0:N0}m: {1:N2}"},"xAxis":[{"title":{"text":"Time (minutes)","visible":true},"labels":{"format":"{0}m"},"visible":true}],"yAxis":[{"title":{"text":"Solution","visible":true},"majorUnit":0,"visible":true}]}

Bill Wagner
Bill.wagner@srtsolutions.com

Charts

answered on 29 Jan 2013

1 answer

423 views

Treeview model binding to MVC Controller

Good day,

I currently have the following

@Html.Kendo().TreeView()
                            .Name("treeview")
                            .DragAndDrop(true)
                            .DataTextField("Name")
                            .Events(events => events
                                .DragEnd("Change")
                                .Select("Selected")
                                .Expand("OnExpand")
                                )
                            .DataSource(dataSource => dataSource
                                .Read(read => read
                                    .Action("GetTreeViewData", "Home"))
                        );

public JsonResult GetTreeViewData(int? id, string Type) /* how can I get my type property here? */
        {
            //data is returned from db - excluded for brevity
            return Json(data, JsonRequestBehavior.AllowGet);
        }

The question I have is I want, either in my MVC wrapper or through the js widgets to pass through a property called Type from my treeview back to the controller when I expand a Node. How would I go about getting this property to the server when expanding a node?
I explicitally need to know what method to call on the datasource object as I can't find a way to get this property from the client to the server, it's needed as I'm working with data with a composite key...

treeview.dataItem(e.node).Type (with Type being a property in my Json for the Node)

TreeView

answered on 29 Jan 2013

0 answers

75 views

Column re-sizing in grid with hidden column

Removed.
Not accurate description

Please see this post instead:
http://www.kendoui.com/forums/ui/grid/grid-column-re-sizing-issue-when-using-remote-virtualization.aspx

Grid

asked on 28 Jan 2013

2 answers

56 views

Window does not animate in Safari 5.1.7 (PC, Mac or iPad)

The Window does not appear unless I turn off Animation (you can see it but it's just a few pixels wide and high). Will this be fixed soon?

Window

answered on 28 Jan 2013

1 answer

151 views

kendo dropdownlist cannot display in front of iframe

Hi there,

I ran into this bizarre issue and has wasted me at least one day.
Basically I have a kendodropdownlist, below it there's a iframe wrapped in a div.
when I click on the dropdownlist, i'm expecting it to show in front of the iframe.
I've tried the below and it still failed to work:

set position:absolute and z-index: -1000 for iframe and its div
set style for #ddlTest_list - no use at all
set style for #ddlTest_listbox - works with font color but setting z-index still has no effect

As you can see in my attached code the <select> works perfectly fine.

Please advise how I can get dropdownlist to work.

Many thanks!

DropDownList

answered on 28 Jan 2013