How to access nested listview

[chukwumaokere]

• Goal: To access a nested legacy list view's value.

• Details: I have a simple app that lets people create questions and answers for a test. The app has a Number Input NumOfQuestions that lets you determine how many questions you're creating for this quiz. It can be any number but a minimum of 1. I have a listview (legacy) component where the number of items is determined by {{ NumOfQuestions.value }}
  So when the user increments this, more list view items for the question are generated.

Next within the questions, the user can specify how many answer options there are for a given question, a question can have 2 or more answerOption's set through the NumOfAnswers.value. I take these and assemble into a JSON object in my query SubmitQuiz

It looks something like this

{{
  Array.from({ length: NumOfQuestions.value }, (v, i) => i).map(val => {
    const answerId = correctAnswerSelect[val].value;
    const numOfAnswers = NumOfAnswers[val].value;

   // this works up here answerOption[0][1].value 

    const data = {
      "points": 10,
      "questionId": 0,
      "questionText": "",
      "answerOptions": [],
      "answerOptionsImages": [],
      
    }
    data.points = points[val].value;
    data.questionId = val;
    data.questionText = questionText[val].value;
    data.answerOptions = Array.from({length: numOfAnswers}, (v, i) => i).map(NumOfAnswersVal => {
// this does not work in here answerOption[val][NumOfAnswersVal].value 
// it should evaluate to answerOption[0][1].value for example 
// It says val does not exist. 
// The below value here fails to return the correct response. It only returns the values of answerOption[0]'th index because thats for some reason "in context" whatever that means?? 
      return answerOption[NumOfAnswersVal].value;
    }).filter(answerText => answerText)
    data.answerOptionsImages = Array.from({length: numOfAnswers}, (v, i) => i).map(NumOfAnswersVal => {
      return {
        id: NumOfAnswersVal.toString(),
// Same issue here
        url: answerOptionImage[NumOfAnswersVal].value,
        answerId: NumOfAnswersVal.toString(),
      }
    }).filter(answerOptionImage => answerOptionImage.url)
      
    if (answerId) {
      data.answerId = answerId.toString();
    }
    if (data.questionText) {
      return data;
    }
  }).filter( question => question )
}}

• Screenshots:
  
  
  
  As you can see from the screenshot and copied below, the answerOptions are always the FIRST set of options for some reason. I cant index on map/loop to get the second set of answerOptions.

[
{"points":10,"questionId":0,"questionText":"test1","answerOptions":["a","1"],"answerOptionsImages":[{"id":"0","url":"6","answerId":"0"},{"id":"1","url":"4","answerId":"1"}]},
{"points":10,"questionId":1,"questionText":"test2","answerOptions":["a","1"],"answerOptionsImages":[{"id":"0","url":"6","answerId":"0"},{"id":"1","url":"4","answerId":"1"}]}
]

I looked and referenced and tried:

Assemble a repeating list of components with the List View component | Retool...

How can access the input filed of inside the listview inside the container

Hi @Pradip_Kumar_Parkar I don't believe modules currently work in listViews For the other example, did you just want to return a comma separated list of each input? Is this helpful? let arr = []; listView1.data.map((x, index) => { listView2[index].data.map((y) => { arr.push(y.colorInput1); }); }); return arr; [image]

How to get list view select value

Hello, I have a question about the ListView. I am dynamically creating containers within the ListView based on the number of data, [image] and within each container, I am hiding or showing different components ("SINGLE_SELECT" | "MULTI_SELECT" | "RANGE") using the 'hidden' attribute. However, I am facing an issue where I cannot retrieve the value of the 'select' inside the components. [image] Even if I try to retrieve it, only the 'select' from the first container is obtained. I want to re…

[chukwumaokere]

Solved for future reference and for anyone else trying to solve this
This is my updated query

{{
  questionsList.data.map((x, index) => {
    const answerId = correctAnswerSelect[index].value;
    
    const data = {
      "points": 10,
      "questionId": 0,
      "questionText": "",
      "answerOptions": [],
      "answerOptionsImages": [],
    }
    data.questionId = index.toString();
    data.questionText = questionText[index].value;
    data.points = points[index].value;
    if (answerId) {
      data.answerId = answerId.toString();
    }
    data.answerOptions = answerOptions[index].data.map((y) => {
      return y.answerOption
    }).filter(answerOpt => answerOpt);
    data.answerOptionsImages = answerOptions[index].data.map((y, i) => {
      return {
        id: i.toString(),
        url: y.answerOptionImage,
        answerId: i.toString()
      }
    }).filter(answerOptionImage => answerOptionImage.url);
    if (data.questionText) {
      return data;
    }
  }).filter(question => question)
}}

maping through questionList.data rather than creating an arbitrary array from the NumOfQuestions kept the questions within the "context" they were speaking about

I kinda got part of the answer from this reference: How can access the input filed of inside the listview inside the container - #2 by Tess