Telerik Forums
Kendo UI for jQuery Forum
5 answers
1.0K+ views
Hi,

Anyone know how to resizing window of popup editor?
like resizing width and height.
Nohinn
Top achievements
Rank 1
 answered on 11 Oct 2012
1 answer
163 views
has anyone else come across the issue of filtering on a Custom Editor Column?

Following This Editor Example, after trying to add a filter, i notice that you can't filter on the column.
Daniel
Telerik team
 answered on 11 Oct 2012
1 answer
131 views
My Banks dropdownlist is populated, but once I select a bank, it never fires the JsonResult of the Accounts dropdown.  I feel like I'm doing exactly what the demos are, but I must be missing something.  Any Help would be greatly appreciated.

My Popup Template.cshtml:

<table id="table">
    <tr>
        <td>
            Bank
        </td>
        <td>
            @(Html.Kendo().DropDownList()
          .Name("banks")
                  .OptionLabel("-- Select Item --")
          .DataTextField("BankName")
          .DataValueField("BankId")
          .DataSource(source => {
               source.Read(read =>
                               {
                                   read.Action("GetCascadeBanks", "Home");
                               });
          })

                  ) 
        </td>
    </tr>
    <tr>
        <td>
            Account
        </td>
        <td>
            <script>
                function filterAccounts() {
                    return {
                        banks: $("#banks").val()
                    };
                }
            </script>
           
            @(Html.Kendo().DropDownList()
          .Name("accounts")
                  .OptionLabel("-- Select Item --")
          .DataTextField("AccountName")
          .DataValueField("AccountID")
          .DataSource(source => {
              source.Read(read =>
              {
                  read.Action("GetCascadeAccounts", "Home")
                      .Data("filterAccounts");
              })
              .ServerFiltering(true);
          })
          .Enable(false)
          .AutoBind(false)
          .CascadeFrom("banks")
                  )
        </td>
    </tr>
</table>


HomeController:

public JsonResult GetCascadeBanks()
        {
            var ortbanks = from bank in db.ORTBanks
                           orderby bank.BankName

                           select new TreasuryCreateItem()
                                      {
                                          BankID = bank.BankID,
                                          BankName = bank.BankName,
                                      };

            return Json(ortbanks, JsonRequestBehavior.AllowGet);
        }

        public JsonResult GetCascadeAccounts(int banks)
        {
            var ortaccounts = from account in db.ORTAccounts
                              where account.AccountName != string.Empty
                           orderby account.AccountName

                           select new TreasuryCreateItem()
                           {
                               AccountID = account.AccountID,
                               AccountName = account.AccountName,
                           };

            var accountsInBank = from p in ortaccounts where p.BankID == banks select p;

            return Json(accountsInBank, JsonRequestBehavior.AllowGet);
        }



Alex
Top achievements
Rank 1
 answered on 11 Oct 2012
0 answers
94 views
I use incell edit mode.
Can I add a row with out focus on it?

For example I want to add a row when I edit another row, and I want to continue editing.
Alex
Top achievements
Rank 1
 asked on 11 Oct 2012
1 answer
142 views
Hi!
I try to use grid created by javascript. Transport for create is:
var transport = {
                create: {
                    url: "@Url.Action("Create", "Pledge")",
                    contentType: "application/json; charset=utf-8",
                    dataType: "jsonp"
                }
            };

For create method I use MVC4 Action something like this:
public ActionResult Create([DataSourceRequest] DataSourceRequest request, [Bind(Prefix = "models")]IEnumerable<MyModel> models). 

In models I have created elements. But all of this elements are empty. Can anyone help me with this issue?
Maybe I need to change type of transport create or something like this? 
Alex
Top achievements
Rank 1
 answered on 11 Oct 2012
0 answers
109 views
how to set vertical Slider with range like horizontal Slider

thx@!!!!!!!!!!
xu
Top achievements
Rank 1
 asked on 11 Oct 2012
0 answers
70 views
Hi,

I have noticed that when selecting a date in a datetimepicker that is from a different month than the current one, it automatically defaults the time to 00:00. This thing does not happen when changing the date with one from the current month. 

Is this the intended behavior? This behavior can be seen also in the demo for the Date/Time Picker.

Thanks and have a nice day,
Bogdan
Top achievements
Rank 1
 asked on 11 Oct 2012
0 answers
110 views
I cannot select the number of items shown on each page with mouse clicks.
I can however select the drop down and move the selection via arrow keys.

My code:

$(document).ready(function () {
    $("#grid").kendoGrid({
        dataSource: {
 
            type: "json",
 
            transport: {
                read: {
                    url: '<%= Url.Action("GetDepartmentOffers", "Projects") %>',
                    dataType: "json",
                    type: "POST",
                    data: {
                        departmentId: 1,
                        filter: 'all'
                    }
                }
            },
            schema: {
                model: {
                    fields: {
                        status: { type: "string" },
                        ResponsibleUserName: { type: "string" },
                        OfferNumber: { type: "string" },
                        DueDate: { type: "date" },
                        ContactPhone: { type: "string" },
                        CompanyName: { type: "string" },
                        ContactPerson: { type: "string" },
                        ContactEmail: { type: "string" },
                        Description: { type: "string" },
                        SalesPrice: { type: "string" },
                        Coverage: { type: "string" }
                    }
                },
                total: function () { return 4677; }
            },
            pageSize: 50,
            serverPaging: false,
            serverFiltering: false,
            serverSorting: false
        },
        autoBind: true,
        groupable: true,
        sortable: true,
        reorderable: true,
        resizable: true,
        pageable: {
            messages: {             // To be translated
                display: "kendo.data.DataSource - {1} of {2} items",
                empty: "No items to display",
                page: "Page",
                of: "of kendo.data.DataSource",
                itemsPerPage: "visninger pÃ¥ hver side.",
                first: "GÃ¥ til første side.",
                previous: "GÃ¥ til forrige side.",
                next: "Go to the next page",
                last: "Go to the last page",
                refresh: "Refresh"
            },
            refresh: true,
            pageSizes: true,
            pageSizes: [10, 20, 50, 100]
        },
        columns:
        [
            {
                field: "status",
                width: 90,
                title: '<%= Global.State %>'
            }, {
                field: "",
                width: 90,
                title: '<%= Global.Actions %>'
            }, {
                field: "ResponsibleUserName",
                width: 100,
                title: '<%= OffersOverview.ColumnHeaderUser %>'
            }, {
                field: "OfferNumber",
                width: 100,
                title: '<%= OffersOverview.ColumnHeaderOfferNumber %>'
            }, {
                field: "DueDate",
                width: 100,
                title: '<%= Global.DueDate %>',
                format: "{0:" + settings.dateFormat + "}"
                //format: //"{0:MM/dd/yyyy}"
            }, {
                field: "ContactPhone",
                width: 100,
                title: '<%= Global.ContactPhone %>'
            }, {
                field: "CompanyName",
                width: 100,
                title: '<%= Global.Company %>'
            }, {
                field: "ContactPerson",
                width: 100,
                title: '<%= Global.ContactPerson %>'
            }, {
                field: "ContactEmail",
                width: 100,
                title: '<%= Global.ContactMail %>'
            }, {
                field: "Description",
                width: 100,
                title: '<%= Global.Description %>'
            }, {
                field: "SalesPrice",
                width: 100,
                title: '<%= Global.SalesPrice %>'
            }, {
                field: "Coverage",
                width: 100,
                title: '<%= Global.Coverage %>'
            }
        ]
    });
});

Any ideas? :)
Thomas
Top achievements
Rank 1
 asked on 11 Oct 2012
2 answers
336 views
Hi friends,

Please suggest me .. can we integrate kendo ui  features in drupal?
Help me.


Regards
Divya
Nick
Top achievements
Rank 1
 answered on 11 Oct 2012
2 answers
158 views
Pretty simple grid that loads after you select a date range.

$(document).ready(function () {
                var start = $("#start").kendoDatePicker();
                var end = $("#end").kendoDatePicker();
                $("#load").click(function () {
                    orderDataSource.read();
                });
                var orderDataSource = new kendo.data.DataSource({
                    pageSize: 10,
                    transport: {
                        read: {
                            url: MyOrdersUrl,
                            contentType: "application/json; charset=utf-8",
                            dataType: "json",
                            data: {
                                start: function () { return $("#start").val(); },
                                end: function () { return $("#end").val(); }
                            }
                        }
                    },
                    schema: {
                        data: "d",
                        model: {
                            fields: {
                                Id: { type: "number" },
                                d_OrderDate: { type: "date", parse: parseJSONDate },
                                d_DueDate: { type: "date", parse: parseJSONDate },
                                Phone: { type: "text" },
                                Type: { type: "text" }
                            }
                        }
                    },
                });
                var grid = $("#grid").kendoGrid({
                    dataSource: orderDataSource,
                    autoBind: true,
                    filterable: true,
                    columnMenu: true,
                    sortable: true,
                    pageable: true,
                    columns: [
                    { field: "Id" },
                    { field: "d_OrderDate", title: "Order Date", format: "{0:MM/dd/yyyy}" },
                    { field: "d_DueDate", title: "Due Date", format: "{0:MM/dd/yyyy}" },
                    { field: "Type" },
                    { command: { text: "View Details", click: showOrder }, title: " ", width: "140px" }                    
    ]
 }).data("kendoGrid");
});

When you select your dates and select load the grid it populates perfectly but it is not paged and the pager arrows are inactive. If I select the drop down and change the "items per page" then the grid properly filters and pages and becomes active. Is there a way to trigger the grid to page the items after they load?
Ä m o l
Top achievements
Rank 2
 answered on 11 Oct 2012
Narrow your results
Selected tags
Tags
Grid
General Discussions
Charts
Data Source
Scheduler
DropDownList
TreeView
MVVM
Editor
Window
DatePicker
Spreadsheet
Upload
ListView (Mobile)
ComboBox
TabStrip
MultiSelect
AutoComplete
ListView
Menu
Templates
Gantt
Validation
TreeList
Diagram
NumericTextBox
Splitter
PanelBar
Drag and Drop
Application
Map
ToolTip
Calendar
PivotGrid
ScrollView (Mobile)
Toolbar
TabStrip (Mobile)
Slider
Button (Mobile)
Filter
SPA
Drawing API
Drawer (Mobile)
Globalization
LinearGauge
Sortable
ModalView
Hierarchical Data Source
Button
FileManager
MaskedTextBox
View
Form
NavBar
Notification
Switch (Mobile)
SplitView
DropDownTree
ListBox
PDFViewer
Sparkline
ActionSheet
TileLayout
PopOver (Mobile)
TreeMap
ButtonGroup
Styling
ColorPicker
Pager
Chat
MultiColumnComboBox
Dialog
DateRangePicker
Checkbox
Timeline
Drawer
DateInput
ProgressBar
MediaPlayer
ImageEditor
TextBox
OrgChart
Accessibility
Effects
Licensing
PivotGridV2
ScrollView
Switch
TextArea
BulletChart
QRCode
ResponsivePanel
Wizard
CheckBoxGroup
Localization
Barcode
Breadcrumb
Collapsible
MultiViewCalendar
Touch
RadioButton
Stepper
Card
ExpansionPanel
Rating
RadioGroup
Badge
Captcha
Heatmap
AppBar
Loader
Security
TaskBoard
Popover
DockManager
TimePicker
FloatingActionButton
CircularGauge
ColorGradient
ColorPalette
DropDownButton
TimeDurationPicker
ToggleButton
BottomNavigation
Ripple
SkeletonContainer
Avatar
Circular ProgressBar
FlatColorPicker
SplitButton
Signature
Chip
ChipList
VS Code Extension
AIPrompt
PropertyGrid
Sankey
Chart Wizard
OTP Input
SpeechToTextButton
InlineAIPrompt
StockChart
ContextMenu
DateTimePicker
RadialGauge
ArcGauge
AICodingAssistant
SmartPasteButton
PromptBox
SegmentedControl
LLM Kit
+? more
Top users last month
Jake
Top achievements
Rank 1
RBarnes
Top achievements
Rank 1
Iron
Iron
Rami
Top achievements
Rank 1
Iron
Veteran
Nathan
Top achievements
Rank 1
Kumeri
Top achievements
Rank 1
Iron
Veteran
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Jake
Top achievements
Rank 1
RBarnes
Top achievements
Rank 1
Iron
Iron
Rami
Top achievements
Rank 1
Iron
Veteran
Nathan
Top achievements
Rank 1
Kumeri
Top achievements
Rank 1
Iron
Veteran
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?