Telerik Forums
Kendo UI for jQuery Forum
0 answers
84 views
Hi, 
I am using column-resizing table. On this table I want to add link n any of the column.

Please check my  java script below. 

 <script>
var firstNames = ["piyush", "Andrew", "Janet", "Margaret", "Steven", "Michael", "Robert", "Laura", "Anne", "Nige"],
lastNames = ["parmar", "Fuller", "Leverling", "Peacock", "Buchanan", "Suyama", "King", "Callahan", "Dodsworth", "White"],
cities = ["Seattle", "Tacoma", "Kirkland", "Redmond", "London", "Philadelphia", "New York", "Seattle", "London", "Boston"],
titles = ["Accountant", "Vice President, Sales", "Sales Representative", "Technical Support", "Sales Manager", "Web Designer",
"Software Developer", "Inside Sales Coordinator", "Chief Techical Officer", "Chief Execute Officer"],
birthDates = [new Date("1948/12/08"), new Date("1952/02/19"), new Date("1963/08/30"), new Date("1937/09/19"), new Date("1955/03/04"), new Date("1963/07/02"), new Date("1960/05/29"), new Date("1958/01/09"), new Date("1966/01/27"), new Date("1966/03/27")];

function createRandomData1(count) {
var data = [],
now = new Date();
for (var i = 0; i < count; i++) {
var firstName = firstNames[i],
lastName = lastNames[i],
city = cities[i],
title = titles[i],
birthDate = birthDates[i],
age = i;


data.push({
Id: i + 1,
FirstName: firstName,
LastName: lastName,
City: city,
Title: title,
BirthDate: birthDate,
Age: age
});
}
var data2 = data;

return data;
}
 
                $(document).ready(function() {



                    $("#grid").kendoGrid({
                        dataSource: {

                            data: createRandomData1(10),

                            schema: {
                                model: {
                                    fields: {
                                        FirstName: { type: "string" },
                                        LastName: { type: "string" },
                                        City: { type: "string" },
                                        Title: { type: "string" },
                                        BirthDate: { type: "date" },
                                        Age: { type: "number" }
                                    }
                                }
                            },
                            pageSize: 10
                        },
                        height: 350,
                        sortable: true,
                        resizable: true,
                        pageable: true,
                        columns: [
                            {
                                field: "FirstName",
                                title: "First Name ",
                                width: 100
                            },
                            {
                                field: "LastName",
                                title: "Last Name",
                                width: 100
                            },
                            {
                                field: "City",
                                width: 100
                            },
                            {
                                field: "Title",
                                width: 100
                            },
                            {
                                field: "BirthDate",
                                title: "Birth Date",
                                template: '#= kendo.toString(BirthDate,"MM/dd/yyyy") #'
                            },
                            {
                                field: "Age",
                                width: 50
                            }
                        ]
                    });
                });
            </script>





Piyush
Top achievements
Rank 1
 asked on 20 Jun 2012
1 answer
266 views
Hi,

I've created a test grid using the Kendo grid that gets data from the sample from the demos. The code looks like this:

$(document).ready(function()
{
  $("#grid").kendoGrid(
  {
    dataSource:
    {
      type: "odata",
      transport:
      {
        read: "http://demos.kendoui.com/service/Northwind.svc/Orders"
      }
    }
  });
});

This works great.

I then change the URI for the data source to point at Microsoft Dynamics CRM 2011 data, as follows:

$(document).ready(function()
{
  $("#grid").kendoGrid(
  {
    dataSource:
    {
      type: "odata",
      transport:
      {
        read: "https://testorganisation.crm4.dynamics.com/XRMServices/2011/OrganizationData.svc/AccountSet"
      }
    }
  });
});

Now the grid shows no data. Does anyone know what the problem is and if it is specific to CRM?

The data coming from the data source looks OK at that URL.
Atanas Korchev
Telerik team
 answered on 20 Jun 2012
2 answers
189 views
Hi, Do you have any example of Date or Time pickers in an editable grid? I can't find one on the net. Please help
pawan
Top achievements
Rank 1
 answered on 20 Jun 2012
0 answers
351 views
hi,
I am using a text box.Depending up on the value entered in the text box,it will add to the panel bar.
1.If i dont enter any value ,it has to validate,I am able to validate this one.
2.If i enter already existing value in the panel bar,Then i have to validate for duplicate values.
                For this,I implemented like,In the controller i wrote the query to compare the entered value and returns the count.If the count value is "0" then it is new value and I am adding it to the panel bar using append method.but if the returned value is  "1" then That is already existing value and i have to pass the validation message for duplicate value.can u suggest me,how to implement this..
charan
Top achievements
Rank 1
 asked on 20 Jun 2012
0 answers
66 views

 

 

So I am working on applying a kendo editor to one of my textboxes, and I keep getting the error in the title when I try to get Visual studio to run it.  Am I doing something wrong?  Does editor require <textarea> as opposed to <asp:textbox>?

Code below snipped from project

 

<br />
<asp:TextBox ClientIDMode="Static" ID="JobContent" runat="server" Columns="70" Rows="30" TextMode="MultiLine"></asp:TextBox> <script type="text/javascript" src="scripts/kendo.editor.js">
$(document).ready(function () {
$("#JobContent").kendoEditor();
});
</script>

Thanks in advanced

 

ryan
Top achievements
Rank 1
 asked on 19 Jun 2012
1 answer
91 views
Initially I have the selectable property on my grid set to multiple. But when a user double clicks a particular cell in that grid , I want to set this property to "cell" . Is there a way to do this?

Thanks.
KendoUser
Top achievements
Rank 1
 answered on 19 Jun 2012
5 answers
295 views
So I've been working a lot with the Kendo Grid lately. I've been able to get Server side filtering, sorting and virtual paging working in MVC. Now that I've found that out I want to be able to update the columns of the grid when I'm filtering data.

For example I have a grid which will list a set of people. I have the ability to filter those people by sub sets such as workers, farmers, or managers. Each of these filters would cause me to want to display different column information which is more pertinent to the subset I'm filtered on.

I've tried a few things:

1. Breaking the parameter for a grid's columns out into a separate variable (similar to how you would with a data source). This will work when the page loads, but my postback with the filters will not refresh the column list in the grid.
2. I've tried making a function that will look at what changed and pass a new array of columns, that doesn't work either
3. I've tried calling $("#MyGrid").empty(); and then re-building the object. This works about 1 of 3 times or less...I'm not quite sure what occurs as I'm getting errors from the minified web ui javascript. The errors I've gotten are:
     - d.dataSource.group() is undefined
     - f is not a function

I'm looking for any way in which I can refresh the column list with new data. Or a way in which I can display this information without making multiple grids which I would have to then show or hide.

EDIT: I want it to be known that I'm not trying to show/hide columns (as I know that is currently in feature request) but I'm looking instead to refresh the column collection used on the current grid.
Alexander Valchev
Telerik team
 answered on 19 Jun 2012
0 answers
216 views
Hi,
I want to my  horizotal  navigation. all navigation text bind with calling a web service(dynamically)
is there are way bind my data like horizontal like navigation.png image or any other alternate to bind data like it

Rajinder
Top achievements
Rank 1
 asked on 19 Jun 2012
1 answer
119 views
Can you share a data set between multiple iframes on a page so that if one updates they all update?
Alexander Valchev
Telerik team
 answered on 19 Jun 2012
2 answers
464 views
I apologize if this has been asked before, the forum search didn't seem to turn up the answer.

I am creating a grid with editable=false. Later on, if conditions are satisfied, I want to set editable=true. I haven't been able to find anything in the API, is this even possible in 2012.1.311? Or am I going to have to destroy and recreate the grid?
Steve
Top achievements
Rank 1
 answered on 19 Jun 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
Application
Map
Drag and Drop
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
MultiColumnComboBox
Chat
DateRangePicker
Dialog
Checkbox
Timeline
Drawer
DateInput
ProgressBar
MediaPlayer
ImageEditor
TextBox
OrgChart
Effects
Accessibility
PivotGridV2
ScrollView
BulletChart
Licensing
QRCode
ResponsivePanel
Switch
Wizard
CheckBoxGroup
TextArea
Barcode
Breadcrumb
Collapsible
Localization
MultiViewCalendar
Touch
RadioButton
Stepper
Card
ExpansionPanel
Rating
RadioGroup
Badge
Captcha
Heatmap
AppBar
Loader
Security
TaskBoard
Popover
DockManager
FloatingActionButton
CircularGauge
ColorGradient
ColorPalette
DropDownButton
TimeDurationPicker
ToggleButton
TimePicker
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
+? more
Top users last month
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
Sergii
Top achievements
Rank 1
Iron
Iron
Iron
Dedalus
Top achievements
Rank 1
Iron
Iron
Lan
Top achievements
Rank 1
Iron
Doug
Top achievements
Rank 1
Want to show your ninja superpower to fellow developers?
Top users last month
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
Sergii
Top achievements
Rank 1
Iron
Iron
Iron
Dedalus
Top achievements
Rank 1
Iron
Iron
Lan
Top achievements
Rank 1
Iron
Doug
Top achievements
Rank 1
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?