javascript - Ember group binding -


I'm looking for a great way to bind the grouped objects and to render them in the grid. Here's an example of a grid: 

  | League / country Canada | United States Brazil | | 1 | John, Sam | | Tim | | 2 | Liam | | Robert | | 3 | | James, Peter, Tom | Dan |

and model of the player 

  dsmold.endend ({name: ds.T.TT.), country: ds. Rt () League ID: DS .attr ("number")});

and data from the backend is: 

  [[Name: "John", Country: "Canada", League ID: 1}, {name Country: "Canada", LeagueID: 1}, {Name: "Tim", Country: "Brazil", LeagueID: 1}, {name: "Liam", Country: "Canada", LeagueID: 2}, .. .]

I thought about the following: 

  {{every country in countries}} & lt; Tr & gt; {{# League in Leagues}} & lt; Td> {{Player in player]}} {{player # player player "country" == "country}} {{player.leagueId" == "league}} ... output player ..., e.g., {{render 'Player / card' player}} {{}} {{}} {{every}} & lt; / td & gt; {{/ each}}  {{ }}

But filtering within the template does not look good. Is this a good way to move the controller?

The output list of players in such a grid The Amber way is so that it is good To be bound and if I change the country or league - the player is sung to the right question?

Note After your question:

Is there any way [block bound] in the form of a block? So that it is possible to: {{#filterByCountryAndLeague ...}} {{render 'player' Cord 'player}}

The answer is yes and no, see the docs as a bound helper

the bound helper handlar block or any way Do not support use with hair sequences.

But. .. If you need to use a template to display information for each player, you can use a component instead of a helper helper. 

  App.FilteredPlayersComponent = Ember.Component.extend ({AllPlayers: Country for blank, forLeague: blank, filtered player: function () {var all players = this.jet ( 'All players'); var for country = this.get ('forcountry'); var forLeague = this.get 'ForLeague'); Var match = allPlayers.filterBy (for country, "country"). Filter ('LeagueID', for Leleg); Return matching;} .property ('all players. @ Every country', 'country for', 'league')});

Then, inside your component template, you can temporarily render for each player:

Comments

Post a Comment

Popular posts from this blog

python - Overriding the save method in Django ModelForm -

I'm having trouble overriding a ModelForm save method. I get this error I'm: Exception type: TypeErier Exception Value: Save () found an unexpected keyword argument 'committed' My intentions include a form 3 fields Submit several values ​​for, then create an object for each combination of those areas, and to save each object file models.py class collarsult type (models.Model): id = model. AutoField (db_column = 'icontact_result_code_type_id', primary_key = true) callResult = models.ForeignKey ( 'CallResult', db_column = 'icontact_result_code_id') campaign = models.ForeignKey ( 'campaign', db_column = 'icampaign_id') CALLTYPE = models.ForeignKey ( 'CALLTYPE', db_column = 'icall_type_id') agent = models.BooleanField (db_column = 'bagent', default = true) teamLeader = models.BooleanField (db_column = 'bTeamLeader', default = true) active = models.BooleanField (db_column = Django.form...
Read more

html - CSS autoheight, but fit content to height of div -

I have a div in which there are three children- div in the left and middle div: float: left while true: float: true because it is my layout Actually will spoil, I've used ClearFix Hack: .cf {zoom: 1; }. Cf: First,. Cf: {content: ""; Display: Table; }. Cf: After {clear: both; } It still works, but I want to be the right div an indicator. So it should fill 100% of the parent unit of height. How can I complete this? PS is the full code: & Lt; / Div & gt; & Lt; Div class = "mobile_content" & gt; & Lt; H5 & gt; {{Data.titel}} & lt; / H5> & Lt; Table & gt; & Lt; TR & gt; & Lt; Th & gt; Komponist: & lt; / Th & gt; & Lt; TD & gt; {{Data.komponist}} & lt; / TD & gt; & Lt; / TR & gt; & Lt; TR & gt; & Lt; Th & gt; Instrument: & lt; / Th & gt; & Lt; TD & gt; {{Data.instrumente}} & lt; / TD & gt; & Lt; / TR & gt;...
Read more

qt - How to prevent QAudioInput from automatically boosting the master volume to 100%? -

I have been trying to use Qt5 multimedia to record audio with QAudioInput, however, when I see If QAudioInput is started, it increases the master volume of my sound device to 100%. How can I prevent QAudioInput from changing the master volume? My current development platform is Linux with PalsAdio (with flat audio disabled). How can I use QAudioInput : QAudioDeviceInfo device_info = QAudioDeviceInfo :: defaultInputDevice (); QAudio format format; Format.setSampleRate (44100); Format.setChannelCount (1); Format.setSampleSize (16); Format.setCodec ("Audio / PCM"); Format.setSampleType (QAudioFormat :: SignedInt); Format.setByteOrder (QAudioFormat :: LittleEndian); Std :: cout & lt; & Lt; Device_info.deviceName (). ToUtf8 (). ConstData () & lt; & Lt; Std :: endl; QAudioInput * default_device = new QAudioInput (device_info, format); QIODevice * default_io_device = default_device-> Start (); a QAudioInput.setVolume () method is not you I ...
Read more