Questions on Kendo UI for jQuery Forum

2 answers

456 views

[Solved] Server-side button click event handler within Kendo UI Window

How do I handle a server-side click event for a button within a Kendo UI window?

My problem is that whenever I click on button "btnLogoutConfirmOK" (see code below), nothing happens.

Here is the markup for my window:

<div id="dialogLogoutConfirm" class="Dialog" style="display: none">

<br />

<div style="height: 20%; text-align: center">

<asp:Label ID="lblLogoutConfirm" runat="server" CssClass="label-dialog" Text="Sign out of DMS?"></asp:Label>

</div>

<br />

<div style="text-align: center;">

<asp:Button ID="btnLogoutConfirmCancel" runat="server" Text="No" Width="100px" />

<asp:Button ID="btnLogoutConfirmOK" runat="server" Text="Yes" Width="100px" />

</div>

Here is the script that opens the KendoUI window:

$("#dialogLogoutConfirm").kendoWindow(windowOptions);

$("#<%=imgLogout.ClientID %>").click(function () {

var window = $("#dialogLogoutConfirm").css("display", "block").data("kendoWindow");

var title = window.wrapper.find('.k-window-title');

title.html('<label style="font-size: large; color: #0; text-align:center;"><b>Sign Out</b></label>');

$("#<%= btnLogoutConfirmCancel.ClientID%>").bind("click", function () {

window.close();

return false;

});

window.center();

window.open();

return false;

});

and here is the server-side event handler for button "btnLogoutConfirmOK":

Protected Sub btnLogoutConfirm_Click(ByVal sender As Object, ByVal e As System.EventArgs) Handles btnLogoutConfirmOK.Click

Dim us As UserSession = UserSession.Retrieve(Session("intUserSessionId"))

With us

.SessionLogoutDate = DateTime.Now

.Update()

End With

Session("intAgentID") = Nothing

Session("intUserID") = Nothing

Session("UserSecurityTask") = Nothing

Session("GlobalSearchCriteria") = Nothing

Response.Redirect("~/Login.aspx")

End Sub

Window

answered on 04 May 2012

1 answer

79 views

does Kendo support Log scale

As part of my requirements my graph needs Log scale. Is it natively supported in kendo dataviz. If not how do u suggest to go about it.

Charts

answered on 04 May 2012

0 answers

125 views

Cascading question - Can dataSource be replaced

Suppose DDL1 has items A, B, C coming from query SELECT tablename as item from tablenames
When DDL1 is changed I want DDL2 to get items from appropriate table using query SELECT item from {DDL1.value()}

In the change handler for DDL1 the following does not work.

DDL2.enable(true);
DDL2.dataSource = new kendoDataSource (...);

DropDownList

asked on 04 May 2012

1 answer

962 views

Multi-column layout for ListView

Hi Kendo UI Team:
I need to show the items of a listView in so many columns as its container's width allows. For instance:

item-1 item-5
item-2 item-6
item-3 item-7
item-4

Note the vertical sequence.
Is there a way to accomplish this?

Kind regards,
Oscar

ListView

answered on 04 May 2012

1 answer

105 views

Why does detail template contents refresh when you sort/group by/filter the grid?

Hi,

We are a small development team in China and are currently considering purchasing a copy of KendoUI's awesome widgets. We met up with some problems while developing using the Grid. I'm sorry, but we don't have any jsFiddle samples available.

I am using the Kendo Grid together with the detail template. The detail template contains a HTML table with input fields in each cell. Whenever we try to sort/group by/filter the grid, we realized that the change event of the data source is fired! This "side-effect" refreshes the detail template and causes all of our input fields to empty out.

Is this the proper behaviour? If so, how would we prevent the refreshing of the detail template/data source?

Regards,
Mark Huang

Grid

answered on 04 May 2012

2 answers

204 views

[Solved] Window title bar doesn't look well with family-font 'Segoe UI' in Chrome.

Hi Kendo UI team:
If you change the font-family to Segoe UI, the border-bottom of the title bar is overlapped by "k-windows-action k-header" div in Chrome browser.
I've attached an image.

Regards.
Oscar.

Window

answered on 04 May 2012

7 answers

374 views

Maintaining dirty cell marker on paging

In the grid editing demo (http://demos.kendoui.com/web/grid/editing.html), on changing the value of a cell, a dirty marker is displayed. If you switch to a different page and then back, the marker is not displayed.

This feels like a bug as on using the 'Save changes' button, the dirty changes are pushed to the server - my take is that the grid is aware of the changed cells and should be able to render the dirty marker.

Grid

answered on 04 May 2012

2 answers

169 views

Save the treeview in postback

Hi,
How I can save e reload the treeview when i do a postback ??
Thanks

TreeView

answered on 04 May 2012

5 answers

546 views

Combined Scripts (Mobile + DataViz) Problem.

Hi, I've read:

Combined Scripts

The following combined scripts are made available in order to simplify development and deployment.

kendo.all.min.js contains a minified version of all scripts (Web, DataViz and Mobile).
That file is available only in the Kendo Complete package.
kendo.web.min.js contains a minified version of all scripts from Kendo UI Web.
kendo.dataviz.min.js contains a minified version of all scripts from Kendo UI DataViz.
kendo.mobile.min.js contains a minified version of all scripts from Kendo UI Mobile.

Important: Only one of the above scripts can be included at a time.

This mean, I can't use DataViz with a Mobile app?

I'm using
<script src="js/kendo.mobile.min.js"></script>

But with i add
<script src="js/kendo.dataviz.min.js"></script>

to my page, the page can't load ok.

plase advise

General Discussions

answered on 04 May 2012

1 answer

514 views

Issue with grid group headers- doesn't Collapse after grouping

Hi,

I am using below code for the grid. I am getting below two issue

1) When grouping the columns, the group headers are expanded by default. I want to make them collapsed as soon as I do grouping on any column. Could someone help on this.
2) Also how can I find out the groupable column name, as I need to pass that column name to a different function for chart population.

Please help.

Here is code
---------------

<!DOCTYPE html>
<html>
<head>
    <title></title>
    <script src="Scripts/jquery.min.js" type="text/javascript"></script>
              <script src="Scripts/kendo.web.min.js" type="text/javascript"></script>
                <link href="styles/kendo.common.min.css" rel="stylesheet" type="text/css" />
      <link href="styles/kendo.default.min.css" rel="stylesheet" type="text/css" />
</head>
<body>

        <div id="example" class="k-content">
            <div id="grid"> </div>
            <script>
                $(document).ready(function () {
                    $("#grid").kendoGrid({
                        dataSource: {
                            type: "odata",
                            serverPaging: false,
                            serverSorting: false,
                            pageSize: 1000,
                            transport: {
                                read: "http://demos.kendoui.com/service/Northwind.svc/Orders"
                            },
                            group: {
                                field: "ShipCity", aggregates: [
                                        { field: "OrderID", aggregate: "count" },
                                        { field: "CustomerID", aggregate: "count" },
                                        { field: "ShipName", aggregate: "count" },
                                        { field: "ShipCity", aggregate: "count" }
                                     ]
                            },

                            aggregate: [{ field: "OrderID", aggregate: "count" },
                                         { field: "CustomerID", aggregate: "count" },
                                         { field: "ShipName", aggregate: "count" },
                            ]
                        },
                        height: 280,
                        scrollable: {
                            virtual: false
                        },
                        sortable: true,
                        groupable: true,
                        columns: [
                           { field: "OrderID", aggregates: "count", groupHeaderTemplate: "OrderID: #= value # (Count: #= count#)" },
                            { field: "CustomerID", aggregates: "count", groupHeaderTemplate: "CustomerID: #= value # (Count: #= count#)", footerTemplate: "Total Count: #=count#" },
                            { field: "ShipName", title: "Ship Name", aggregates: "count", groupHeaderTemplate: "ShipName: #= value # (Count: #= count#)" },
                            { field: "ShipCity", title: "Ship City", aggregates: "count", groupHeaderTemplate: "ShipCity: #= value # (Count: #= count#)" }
                        ],
                        databound: function () {
                            $("#grid").find(".k-icon.k-collapse").trigger("click");
                        }
                    });

                });

</script>
</div>

</body>
</html>

Grid

answered on 04 May 2012