[CLOSED] Set and Get Attribute and Value to a field

[matrixwebtech]

Hi

I have a NumberField

 
X.NumberField()
         .ID("txtDiscounta")
         .HideTrigger(true)
         .Name("m")

I want to set an attribute to this,like

foo=bar

and after this I have a script ,where I select fields by name,and loop though with fields

var fields = Ext.select('*[name=' m ']');
fields.each(function (field) {

})

I need the Value for the particular Attribute.for each field.

Is there property for assign attribute to a field?please give some sample.

[matrixwebtech]

I try

   X.NumberField()
         .ID("txtDiscounta")
         .HideTrigger(true)
         .Name("m")
         .HideLabel(true)
        .EnableKeyEvents(true)
           .Listeners(l =>
         {
             l.Render.Handler = @"this.getEl().set({
                         foo : 'bar'
                     });";

         })

var fields = Ext.select('*[name=' m ']');
 fields.each(function (field) {
            console.log(field.getAttribute("foo"));

})

but not working

[Daniil]

Hi @matrixwebtech,

I think your JavaScript code has a syntax error. If you run it, you should see an error message.

[matrixwebtech]

Yes there are a javascript error,I rectify ,but not working,Its give null

<script>
    Ext.onReady(function () {
        var fields = Ext.select('*[name= m]');
        fields.each(function (field) {
            console.log(field.getAttribute("foo"));
 
        })
    })

</script>

@(X.NumberField()
      .ID("txtDiscounta")
      .HideTrigger(true)
      .Name("m")
      .HideLabel(true)
     .EnableKeyEvents(true)
        .Listeners(l =>
      {
          l.Render.Handler = @"this.getEl().set({
                      foo : 'bar'
                  });";
 
      })
      )

[Daniil]

Ext.onReady fires before rendering of the NumberField.

Another moment that this

Ext.select('*[name= m]')

retrieves an input HTML element, but a NumberField's getEl

this.getEl()

a table HTML element which is a wrapper from the input element.

[matrixwebtech]

Hi, Danill

but a NumberField's getEl

this.getEl()

a table HTML element which is a wrapper from the input element.

not understand properly.its very help full for me if you provide some sample.

Situation : I have 2 fields and I set 2 different value for the attribute ,when change event fires I take fields by name and check there attribute and doing a calculation as per attribute's value. so I write bellow code.can you please tell me ,how to achieve this.

@using Ext.Net
@using Ext.Net.MVC

@{
    var X = Html.X();
    Layout = null;
}
<script>
    var calculate = function () {
        var fields = Ext.select('*[name= m]');
        fields.each(function (field) {
            console.log(field.getAttribute("calculationtype"));

        })
    }

</script>
@X.ResourceManager()


@(X.NumberField()
      .ID("txt1")
      .HideTrigger(true)
      .Name("m")
      .HideLabel(true)
     .EnableKeyEvents(true)
        .Listeners(l =>
      {
          l.Render.Handler = @"this.getEl().set({
                      calculationtype : 'plus'
                  });";
          l.Change.Handler = "calculate()";
 
      })
      )
      @(X.NumberField()
      .ID("txt2")
      .HideTrigger(true)
      .Name("m")
      .HideLabel(true)
     .EnableKeyEvents(true)
        .Listeners(l =>
      {
          l.Render.Handler = @"this.getEl().set({
                      calculationtype : 'minus'
                  });";
          l.Change.Handler = "calculate()";
 
      })
      
      )