This is a migrated thread and some comments may be shown as answers.

pin() and pinned do not seem to work.

9 Answers 271 Views

Window

This is a migrated thread and some comments may be shown as answers.

Tom asked on 02 Jul 2013, 11:17 PM

I am trying to use pinned so that a simple window will have a fixed position.

1) setting pinned to true seems to do nothing.
2) calling pin() on a window results in a javascript error. Uncaught TypeError: Object [object Object] has no method 'pin'

I am a newbie with Kendo. Using 2013.1.514 downloaded today from Kendo.

$(document).ready(function( event ) {

var window = $("#add-comment");

window.kendoWindow({
width: "300px",
height: "315px",
position: {
top: 100,
left: 100
},
title: "Add Comment",
modal: true,
visible: false,
pinned: true,
actions: ["Maximize", "Close"],
});

$(".comment-button").on("click", function (e) {
var kendoWindow = $("#add-comment").data("kendoWindow");
kendoWindow.center(); // no error, works
kendoWindow.open(); // no error, opens window
kendoWindow.pin(); // js exception
});

9 Answers, 1 is accepted

Accepted

answered on 19 Jul 2013, 04:21 PM

I've created a custom JS file today and .Pin is not available for me as an Action property.
@(Html.Kendo().Window()
       .Name("DetailWindowProduct")
       .Title("Product Summary")
       .Draggable()
       .Content(@<text>
<table>
   <tr>
       <td>
           <div>
               @ViewBag.ProductClass
           </div>
           @(Html.Kendo().Grid(Model)
                   .Name("productordersGrid")
                   .Columns(cols =>
                   {
                       cols.Bound(x => x.ExtProdNbr)
                           .Title("Product #")
                           .HtmlAttributes(new { style = "text-align: left;" });
                       cols.Bound(x => x.InternalProdClassDesc)
                           .Title("Description")
                           .HtmlAttributes(new { style = "white-space:nowrap;" });
                       cols.Bound(x => x.Quantity)
                           .Title("Qty")
                           .Format("{0:N0}")
                           .HtmlAttributes(new { style = "text-align: center;" });
                       cols.Bound(x => x.Hits)
                           .Title("Hits")
                           .Format("{0:N0}")
                           .HtmlAttributes(new { style = "text-align: right;" });
                       cols.Bound(x => x.TotalSalesAmt)
                           .Title("Sales $")
                           .Format("{0:C0}")
                           .HtmlAttributes(new { style = "text-align: right;" });
                       cols.Bound(x => x.TotalGP)
                           .Title("GP %")
                           .Format("{0:N4}")
                           .HtmlAttributes(new { style = "text-align: right;" });
                       cols.Bound(x => x.PctTotal)
                           .Title("% of Tot")
                           .Format("{0:P4}")
                           .HtmlAttributes(new { style = "text-align: right;" });
                   })
                   .Filterable()
                   .Selectable()
                   .DataSource(dataSource => dataSource
                       .Ajax()
                       .Read(read => read.Action("GetSourceOrdersByProductClass", "Customer")
                       .Data("onProductOrdersGridReadAdditionalData"))
                   ))
       </td>
   </tr>
</table>
</text>)
                   .Width(500)
                   .Height(600)
                   .Actions(actions => actions.Close().Pin())
                   .Visible(false)
                   )

Product Bundles

DevCraft

Web

Mobile

Document Management

Desktop

Reporting & Mocking

Automated Testing

CMS

UI/UX Tools

Debugging

Free Tools

Support and Learning

Productivity and Design Tools

pin() and pinned do not seem to work.

9 Answers, 1 is accepted