Telerik Forums
Kendo UI for jQuery Forum
2 answers
1.0K+ views
Hi,
We create the grid and fill it with data dynamically at the page startup.

We first create a div like that:
$grid = $("<div></div>");
then we set the height:
$grid.filter('div').css("height", '300px')
then set all other parameters (datasource, column,...). After initialising the grid:
$grid.kendoGrid({});
The gird height do not fill all the container DIV height. If I use paging or filter, sorting, the grid reseized and fill the container DIV
I try to call this function after initialisation:
ConstV7.prototype.resizeGrid = function(grid) {
    var gridElement = grid,
        dataArea = gridElement.find(".k-grid-content"),
        gridHeight = gridElement.innerHeight(),
        otherElements = gridElement.children().not(".k-grid-content"),
        otherElementsHeight = 0;
    otherElements.each(function () {
        otherElementsHeight += $(this).outerHeight();
    });
    dataArea.height(gridHeight - otherElementsHeight);
}

This function work perfectly if I set a breakpoint before calling it. The grid resized and fill the container DIV. But if I let the code run normally, I got the same problem like if the function was called too erlied. 
Any suggestion?


Pierre
Top achievements
Rank 2
Iron
Iron
 answered on 17 Jul 2013
3 answers
210 views
Is there a way to  represent the scale labels in kilos say 100k, 200k, 1m in the radial Gauge ?
Since I have to display pointer value 2985653 and scale labels are large.
Iliana Dyankova
Telerik team
 answered on 17 Jul 2013
5 answers
146 views
I am trying to figure out why why both paging and filters are not working (sorting is fine). But I am focusing on paging first.

I think I have two different paging problems:
1) If I click on any of the 4 paging arrows nothing happens and no javascript code is triggered.
2) If I type 2 + ENTER, the parameterMap function executes, but options.pageSize is 1 instead of 2.

I can provide more info if needed.

Thanks in advance for any help,
Simon
Kiril Nikolov
Telerik team
 answered on 17 Jul 2013
3 answers
176 views
If I have a a kendo listview\template bound to local or remote json...

When a googlebot comes by...nothing gets indexed right?
JohnVS
Top achievements
Rank 1
 answered on 17 Jul 2013
1 answer
337 views
I have an MVC Grid with Paging enabled.

I need the pager to just show numbers, no hover animation, no next/last buttons, basically:

1 2 3 4 5 6  and so on.

How can I turn off the reset of the features? I've been trying to disable them CSS element by element, but it's like unravalling a big knot.
Iliana Dyankova
Telerik team
 answered on 17 Jul 2013
5 answers
147 views

I'm getting the following error when trying to place an upload element in a script template.  The file select button appears with the Kendo UI formatting but the error below is generated when clicking edit or add new.  I'm using the scripts from the Q2 2012 Beta that works with ASP.NET MVC.

SCRIPT438: Object doesn't support property or method 'value'
kendo.web.min.js, line 8 character 75690
 
<input name="photos" id="photos" type="file" data-role="upload"/>

Thanks,
Brad
Alexander Valchev
Telerik team
 answered on 17 Jul 2013
1 answer
443 views
Hi,

We are using the Kendo UI build 2013.1.319. We are implementing a ASP.NET MVC Application using Razor as the templating engine. We've a simple page with a Search Criteria interface and the Grid displayed on the Right side. When the page loads initially, all features of the grid seem to be working fine. But when the user clicks on the Search button on the screen, we reload the grid using AJAX.  The dataset in the grid is refreshed by making a call to a method in the Controller Class which returns data. The read method of the grid is invoked to trigger this process as shown in many of your examples. When this happens pagination is reflected incorrectly. It displays "0" pages and "No Results Found" for the result count when the data set in the grid contains lot of data. Features like Sorting, Pagination etc are handled on the client side for this component. Please let us know if we are doing something incorrectly in this case.

Code is attached in the following files. Appreciate if you can provide a quick input on this issue. We tried to search the cases in the forums but were unable to resolve this particular issue.

Thanks

Girish

View
--------
            @(Html.Kendo().Grid(Model)
                            .Name("grid")
                            .Columns(columns =>
                            {
                                columns.Bound(p => p.Products)
                                           .Width(100);
                                columns.Bound(p => p.DocumentCode)
                                            .Groupable(false)
                                            .Width(80);
                                columns.Bound(p => p.Title)
                                            .Groupable(false)
                                            .Width(150);
                                columns.Bound(p => p.Description)
                                            .Groupable(false)                                    
                                            .Width(200);
                                columns.Bound(p => p.Categories)
                                            .Title("Category - Topic")
                                            .Width(250);
                                columns.Bound(p => p.ObjectId)
                                            .Title("")
                                            .Filterable(false)
                                            .Groupable(false)
                                            .Width(150)
                                            .ClientTemplate("#= documentDetails(data) #");
                            })
                            .Groupable()
                            .Sortable(sortable => sortable
                                    .AllowUnsort(true)
                                    .SortMode(GridSortMode.MultipleColumn))
                            .Scrollable()
                            .Filterable()
                            .Pageable()
                            .DataSource(dataSource => dataSource
                                    .Ajax()
                                    .ServerOperation(false)
                                    .PageSize(50)
                                    .Events(events => events.Error("onError"))
                                    .Read(read => read.Action("SearchResultsRead", "Search")) 
                            )    
                        )
            <script>
                function onError(e, status) {
                    alert("error raised");
                }

                function documentDetails(searchResult) {
                    var action = '@Url.Action("DocumentDetails", "Search")';
                    
                    var links = "<a href='#' class='tablectrl_small bDefault tipS' title='View Properties Test Title' onclick='viewProperties(\"{1}\")'><span class='iconb'> <img src='@Url.Content("/Images/icons/usual/icon-list.png")' alt='View Properties' /></span></a>";
                    var html = kendo.format(links,
                        action,
                        searchResult.ObjectId
                    );
                    
                    return html;
                }
            </script>

@section scripts
            {
    <script>
            $(document).on({
                click: function () {
                    var grid = $("#grid").data("kendoGrid");
                    grid.dataSource.read();
                    
                }
            }, "#btnSearch");
</script>


Controller Class

 public class SearchController : BaseController
    {

        public ActionResult Index(string id)
        {
            ViewBag.PageName = "Search";
            return View(SearchData());
        }

        public List<SearchResultsViewModel> SearchData()
        {
            SearchService searchService = new SearchService();
            List<SearchResultsViewModel> searchResults = searchService.PerformSearch(30);
            return searchResults;
        }

        public ActionResult SearchResultsRead()
        {
            SearchService searchService = new SearchService();
            List<SearchResultsViewModel> searchResults = searchService.PerformSearch(75);
            var searchResultsJson = Json(searchResults);
            return Json(searchResultsJson, JsonRequestBehavior.AllowGet);

        }
    }
RAJEEV
Top achievements
Rank 1
 answered on 17 Jul 2013
2 answers
153 views
Hello,

I am using Kendo MVC Wrappers and ran into a problem.
I have bound a column to the grid using:
column.Bound(c => c.ActiveBaseQuote.Amount);
And though Amount is of type decimal? the grid is showing on it's column the filter for string type(the one with the operators: Contains, Starts with,Ends with...etc) instead of showing me the numeric type filter(the one with Greater than, etc). Naturally, filtering with StartsWith will result in an error( the grid is AJAX() bound)

The problem seems to be only with a property on the child of the object model.When i use this:
column.Bound(c => c.Amount);
The filter operator and textbox recognize the column as numeric and display the appropiate filter.

I appreciate the help,
Claudiu
Georgescu
Top achievements
Rank 1
 answered on 17 Jul 2013
11 answers
440 views
Hi, I try to understand the FilterCustomizationDemo to do the same.

I don't understand were the "dataSource: titles" come from!

How can I tell the UI function to take the internal Grid datasource?

function titleFilter(element) {
    element.kendoAutoComplete({
        dataSource: titles
    });
}
thanks
Kiril Nikolov
Telerik team
 answered on 17 Jul 2013
1 answer
150 views
Hi ,

i want to use your Upload widget in my application, but I'm facing a litte problem here.
For example, the user selects a file on his local file system: "test.txt", but the file should be renamed into "file1.txt" at the upload target. Is there any way to archieve this?

I'm using jquery-2.0.3, jquery-ui-1.10.3 and kendo ui v2013.1.419


Thank you very much!
Dimo
Telerik team
 answered on 17 Jul 2013
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
ListBox
DropDownTree
PDFViewer
Sparkline
ActionSheet
TileLayout
PopOver (Mobile)
TreeMap
ButtonGroup
ColorPicker
Pager
Styling
Chat
MultiColumnComboBox
Dialog
DateRangePicker
Checkbox
Timeline
Drawer
DateInput
ProgressBar
MediaPlayer
ImageEditor
TextBox
OrgChart
Accessibility
Effects
PivotGridV2
Licensing
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
+? more
Top users last month
Hiba
Top achievements
Rank 1
Iron
Iron
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
Max
Top achievements
Rank 1
Veteran
Iron
Alina
Top achievements
Rank 1
Rakhee
Top achievements
Rank 1
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Hiba
Top achievements
Rank 1
Iron
Iron
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
Max
Top achievements
Rank 1
Veteran
Iron
Alina
Top achievements
Rank 1
Rakhee
Top achievements
Rank 1
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?