Ir para o conteúdo
  • Revista PROGRAMAR: Já está disponível a edição #58 da revista programar. Faz já o download aqui!

edub13

Kendo UI - Agenda

Mensagens Recomendadas

edub13    0
edub13

Boas pessoal, tenho que fazer um género de uma agenda com o Kendo UI, mas até ai tudo bem visto que existe vários exemplos por parte do próprio site, mas a minha dúvida é como ligar a uma base de dados para que seja possível guardar acontecimentos assinalados ...

Tenho este código que retirei dos "demos". Como o posso manipular para fazer o pretendido ? Já pesquisei mas não consigo encontrar nada que me auxilie :

Index.cshtml

<script>
$("#scheduler").kendoScheduler({
	date: new Date("2013/6/13"),
	timezone: "Etc/UTC", // Setting the timezone is recommended when binding to a remote service.
	dataSource: {
		batch: true, // Enable batch updates
		transport: {
			read: {
				url: "http://demos.telerik.com/kendo-ui/service/tasks",
				dataType: "jsonp"
			},
			update: {
				url: "http://demos.telerik.com/kendo-ui/service/tasks/update",
				dataType: "jsonp"
			},
			create: {
				url: "http://demos.telerik.com/kendo-ui/service/tasks/create",
				dataType: "jsonp"
			},
			destroy: {
				url: "http://demos.telerik.com/kendo-ui/service/tasks/destroy",
				dataType: "jsonp"
			},
			parameterMap: function (options, operation) {
				if (operation !== "read" && options.models) {
					return { models: kendo.stringify(options.models) };
				}
			}
		},
		schema: {
			model: {
				id: "taskId", // The "id" of the event is the "taskId" field
				fields: {
					// Describe the scheduler event fields and map them to the fields returned by the remote service
					taskId: {
						from: "TaskID", // The 'TaskID' server-side field is mapped to the 'taskId' client-side field
						type: "number"
					},
					title: { from: "Title", defaultValue: "No title", validation: { required: true } },
					start: { type: "date", from: "Start" },
					end: { type: "date", from: "End" },
					description: { from: "Description" },
					recurrenceId: { from: "RecurrenceID" },
					recurrenceRule: { from: "RecurrenceRule" },
					recurrenceException: { from: "RecurrenceException" },
					isAllDay: { type: "boolean", from: "IsAllDay" }
				}
			}
		}
	}
});
</script>
<div id="scheduler"></div>
<script>
$("#scheduler").kendoScheduler({
	date: new Date("2013/6/6"),
	views: [
	  "day", // a view configuration can be a string (the view type) or an object (the view configuration)
	  { type: "week", selected: true }, // the "week" view will appear as initially selected
	  "month",
	  "agenda"
	],
	dataSource: [
	  {
		  id: 1,
		  start: new Date("2013/6/6 08:00 AM"),
		  end: new Date("2013/6/6 09:00 AM"),
		  title: "Breakfast"
	  },
	  {
		  id: 2,
		  start: new Date("2013/6/6 10:15 AM"),
		  end: new Date("2013/6/6 12:30 PM"),
		  title: "Job Interview"
	  }
	]
});
</script>
 

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites
afabranco    0
afabranco

boa tarde não percebi muito bem a sua pergunta.

no código que mostra na primeira parte cria uma kendoSheduler com recurso a BD, de seguida em baixo volta a defenir a KendoSheduler mas com datasource Array.

#Primeira

dataSource: {
	batch: true, // Enable batch updates
	transport: {
		read: {
			url: "http://demos.telerik.com/kendo-ui/service/tasks",
			dataType: "jsonp"
		},
		update: {
			url: "http://demos.telerik.com/kendo-ui/service/tasks/update",
			dataType: "jsonp"
		},
		create: {
			url: "http://demos.telerik.com/kendo-ui/service/tasks/create",
			dataType: "jsonp"
		},
		destroy: {
			url: "http://demos.telerik.com/kendo-ui/service/tasks/destroy",
			dataType: "jsonp"
		},
		parameterMap: function (options, operation) {
			if (operation !== "read" && options.models) {
				return { models: kendo.stringify(options.models) };
			}
		}
	},
#Segunda
dataSource: [
	{
		  id: 1,
		  start: new Date("2013/6/6 08:00 AM"),
		  end: new Date("2013/6/6 09:00 AM"),
		  title: "Breakfast"
	},
	{
		  id: 2,
		  start: new Date("2013/6/6 10:15 AM"),
		  end: new Date("2013/6/6 12:30 PM"),
		  title: "Job Interview"
	}
]
 

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites
edub13    0
edub13

Eu sei ... Foram "Testes" acabou por ficar tudo no mesmo, mas o que quero é guardar "compromissos" criados na agenda dentro base de dados local (que criei no visual studio) esse é que está a ser o problema ... Quero poder guardar, editar e apagar compromissos criados (guardados na base de dados local) ... Mas não estou a perceber como faço a ligação etc ... Quero usar a base de dados e não o array portanto é com este trecho código

$("#scheduler").kendoScheduler({
    date: new Date("@DateTime.Now.ToShortDateString()"), // Eduardo: Modificado para receber a data actual.
    timezone: "Etc/UTC", // Setting the timezone is recommended when binding to a remote service.
    dataSource: {
	    batch: true, // Enable batch updates
	    transport: {
		    read: {
			    url: "http://demos.telerik.com/kendo-ui/service/tasks",
			    dataType: "jsonp"
		    },
		    update: {
			    url: "http://demos.telerik.com/kendo-ui/service/tasks/update",
			    dataType: "jsonp"
		    },
		    create: {
			    url: "http://demos.telerik.com/kendo-ui/service/tasks/create",
			    dataType: "jsonp"
		    },
		    destroy: {
			    url: "http://demos.telerik.com/kendo-ui/service/tasks/destroy",
			    dataType: "jsonp"
		    },
		    parameterMap: function (options, operation) {
			    if (operation !== "read" && options.models) {
				    return { models: kendo.stringify(options.models) };
			    }
		    }
	    },
	    schema: {
		    model: {
			    id: "taskId", // The "id" of the event is the "taskId" field
			    fields: {
				    // Describe the scheduler event fields and map them to the fields returned by the remote service
				    taskId: {
					    from: "TaskID", // The 'TaskID' server-side field is mapped to the 'taskId' client-side field
					    type: "number"
				    },
				    title: { from: "Title", defaultValue: "No title", validation: { required: true } },
				    start: { type: "date", from: "Start" },
				    end: { type: "date", from: "End" },
				    description: { from: "Description" },
				    recurrenceId: { from: "RecurrenceID" },
				    recurrenceRule: { from: "RecurrenceRule" },
				    recurrenceException: { from: "RecurrenceException" },
				    isAllDay: { type: "boolean", from: "IsAllDay" }
			    }
		    }
	    }
    }
   });

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites
afabranco    0
afabranco

como estas a fazer o acesso a Base de Dados? Entity Framework?

vou tentar fazer aqui um demo para ver como funciona ao certo os dados

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

Crie uma conta ou ligue-se para comentar

Só membros podem comentar

Criar nova conta

Registe para ter uma conta na nossa comunidade. É fácil!

Registar nova conta

Entra

Já tem conta? Inicie sessão aqui.

Entrar Agora


×

Aviso Sobre Cookies

Ao usar este site você aceita os nossos Termos de Uso e Política de Privacidade. Este site usa cookies para disponibilizar funcionalidades personalizadas. Para mais informações visite esta página.