Discussion :

[JediMaster]

Bonjour,
Je dois créer un formulaire dynamique et pour ce la je me suis dis que j'allais utiliser knockout afin de simplifier mon problème mais je n'arrive pas a créer le viewModel adéquat
J'ai plusieurs problème que l'on peut voir sur mon schéma :
Le viewModel de 1er niveau, c'est ok je vois comment faire.
Ramener les paramètres de base en fonction du choix de type dans la dropdownlist c'est Ok
Par contre les mapper c'est une autre paire de manche

Coté serveur les paramètre remontés ressemble à ça

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
Class Parameter
{
	id
	Keyname
	ParemeterValue
	ParemeterTypeId
	IsTypedParmeter
	IsMultipleParemeter
}

Javascript

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
 
<script type="text/javascript">
    	var RuleViewModel = function () {
    		//Make the self as 'this' reference
    		var self = this;
 
    		//Les propriétés déclarées sur la page (avec leurs valeurs par défaut)
    		self.id = ko.observable(0);
    		self.Name = ko.observable("");
    		self.Description = ko.observable("");
    		self.ParemeterTypeId = ko.observable(0);
 
    		self.Parameters = ko.observableArray(function() {
				$.ajax({
						type: 'Get',
						url: '@Url.Action("GetParameters")',
						data: {
							self.Type
						},
						success: function(data) {
							//La liste de résultat
						}));
					},
					dataType: 'json'
				});
    		});
 
    		// Operations
    		self.addParameter = function () {
    			self.parameters.push(new Parameter())
    		};
    		self.removeParameter = function (parameter) {
    			self.parameters.remove(parameter)
    		};
    	};
 
	ko.applyBindings(new ExplorationRuleViewModel());
    </script>

Un petit coup de main ?

[Dadv]

Bonjour,

Cela date un peu mais je me permet de répondre quand même :

Pour réussir ce que vous essayer de faire il vous faut faire 3 ViewModels, comme je l'ai fait sur ce Fiddle.

Votre ViewModel coté c# sera du genre :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
 
public class Parameter
{
public string Name {get;set;}
public int ParameterTypeId {get;set;}
public IEnumerable<SimpleParameter> SimpleParameters  {get;set;}
public IEnumerable<KeyValueParameter> KeyValueParameters {get;set;}
public IEnumerable<TypedParameter> TypedParameters {get;set;}
}
public class SimpleParameter
{
public string Value{get;set;}
}
public class KeyValueParameter
{
public string Name{get;set;}
public string Value{get;set;}
}
 
public class TypedParameter
{
public string Name{get;set;}
public int TypeId {get;set;}
public string Value{get;set;}
}

En espérant que ça a pu être utile.

[JediMaster]

Merci pour la réponse,
j'étais passé à autre chose mais je vais pouvoir l'utiliser pour un autre cas !